Archived

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

  • 0

Resolved Background Color with padding

Question

Posted · Report post

Hi,

On my Buyers page, I have set the background color of the Purchasing a Condo banner, however the color doesn't extend all the way to the edges. How can I extend the color all the way to the left and right of the larger div?

http://hireconrad.com/hireconrad/buyers/

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

You won't like this because your page is made up of banners and the Purchase a Condo section is also using banners.


#banners .banner-area {

    margin-left: -86px;

    margin-right: -85px;

}

This brings the grey background edge to edge within the content area, but it also adjusts every other banner accordingly, messing everything else up.

Your best bet is to use Firebug http://www.getfirebug.com to find the appropriate selectors. Unfortunately most designers use one banner, not multiple ones, so this should be fairly easy. It might help to look into some of the newer options available here, for things like the menus. http://demo.pagelines.me/tools/

Share this post


Link to post
Share on other sites

Posted · Report post

@Rob,

I took your advice by adding the margins to the left and right and it changed everything.

What do you think about adding the counter value as padding?

#banners .banner-area {

margin: 0 -85px;

padding: 0 85px;

}

Would this cause any issues? Ive tried it in firebug and it looks ok.

Share this post


Link to post
Share on other sites

Posted · Report post

Unfortunately, there is noway at the moment to target a specific banner and that is the reason why the code you added changed all of them. The padding you have added shouldn't be a problem as far as I know.

The topic was marked as resolved.

Share this post


Link to post
Share on other sites