Archived

This topic is now archived and is closed to further replies.

  • 0

Full Width Feature


Question

Posted · Report post

Is it possible to make the feature section full width with CSS? I'm working on this blog

 

http://blackinkpaper.com/blog/

 

and can't seem to customize the image to full width. I want to the height to remain the same but the image to become full width.

I'm fairly new to HTML and CSS so it may be a simple fix.

 

 

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

I recommend using Firebug or your browsers built-in web dev tools and inspect the Features sections to find the correct code.

 

For assistance visit our custom CSS documentation - http://support.pagelines.me/docs/customization/custom-css/

 

Try removing the padding from the features section and let us know what you tried and if it worked. 

Share this post


Link to post
Share on other sites

Posted · Report post

I tried removing the padding and it did not work. The feature width is set at 100% but I'm thinking that the actual image size is 900x200 and maybe that's the problem in the code. I used firebug over the weekend and nothing I did worked. Pagelines advertises "No need to know code" and this is the first time that I've reached out for assistance and I'm being referred to W3C. Can you please assist me? Maybe I'm overlooking something since I'm not familiar with code to the degree that I'll see something right away. Here's the css that's showing up. I only changed the padding:

 

.content .content-pad {
padding: 0px;
}

element.style {
overflow: hidden;
}
Matched CSS Rules
blackinkpaper.commedia="all"
#feature_slider #feature-area {
display: block;
position: relative;
width: 100%;
background: url(http://blackinkpaper.com/wp-content/themes/pagelines/sections/features/images/black-linen.png);
box-shadow: 0 2px 5px rgba(0,0,0,0.3), inset 0 0 15px rgba(0,0,0,0.5);
overflow: visible;
}

Share this post


Link to post
Share on other sites

Posted · Report post

try 

#features .content .content-pad {
padding: 0px;
}

Share this post


Link to post
Share on other sites