Jump to content


Photo
- - - - -

Full Width Feature

features custom css

This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 chamainew†

chamainew

    Advanced Member

  • DMS Subscriber†
  • 46 posts

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

  • DMS Subscriber†
  • 3268 posts

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

  • DMS Subscriber†
  • 46 posts

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

  • DMS Subscriber†
  • 3268 posts

Posted 08 April 2013 - 06:45 PM

try 

Please Login or Register to see this Hidden Content