Jump to content


Photo
- - - - -

Background color for full width

CSS full-width background color

  • Please log in to reply
1 reply to this topic

#1 desmolly

desmolly

    Newbie

  • Members
  • Pip
  • 1 posts
  • Country: Country Flag

Posted 21 April 2013 - 05:47 AM

I am trying to style the background colors in certain sections to span into margins. I've tried resetting content-pad and resizing some containers and nothing seems to work. What's the easiest way? 

 

This is the page - I want the black to extend to the edge:

Please Login or Register to see this Hidden Content

 

Basically I want it to look like the "How We Do It" section here:

Please Login or Register to see this Hidden Content

 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 21 April 2013 - 01:53 PM

Hi,

 

It seems that the fundamental difference is the layout width. This is found at Dashboard > PageLines > Site Options > Layout Editor.

 

On the possibility of making that section full width, I think the problem is going to be your Site Design Mode. If using Full Width Sections, I think it may be possible, provided that the section we're trying to background is a full-width section.  However, you're using, it seems, the content area for the first example, and in the second, the full-width sidebar.

 

Since you can't expand an area within the content area beyond its boundaries, I think the only way is going to be to use the full-width or universal sidebar to achieve this goal.







Also tagged with one or more of these keywords: CSS, full-width, background color