Jump to content


Photo
- - - - -

Full Width Feature

features custom css

  • Please log in to reply
3 replies to this topic

#1 chamainew

chamainew

    Advanced Member

  • Members

  • 46 posts
  • LocationOakland, California
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 08 April 2013 - 04:16 PM

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

 

Please Login or Register to see this Hidden Content

 

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.

 

 



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 08 April 2013 - 04:32 PM

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 - 

Please Login or Register to see this Hidden Content

 

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



#3 chamainew

chamainew

    Advanced Member

  • Members

  • 46 posts
  • LocationOakland, California
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 08 April 2013 - 05:14 PM

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(

Please Login or Register to see this Hidden Content

);
box-shadow: 0 2px 5px rgba(0,0,0,0.3), inset 0 0 15px rgba(0,0,0,0.5);
overflow: visible;
}



#4 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 08 April 2013 - 06:45 PM

try 

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: features, custom css