Jump to content


Photo
- - - - -
Resolved

Background Color with padding



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

#1 hireconrad

hireconrad

    Super Member

  • Members
  • 155 posts

Posted 16 September 2012 - 06:29 PM

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?

Please Login or Register to see this Hidden Content



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 16 September 2012 - 08:29 PM

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

Please Login or Register to see this Hidden Content

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

Please Login or Register to see this Hidden Content

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.

Please Login or Register to see this Hidden Content



#3 hireconrad

hireconrad

    Super Member

  • Members
  • 155 posts

Posted 17 September 2012 - 01:12 AM

@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.

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16342 posts

Posted 17 September 2012 - 08:33 AM

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.