Need help? Check out our Support site, then


How do I make my footer widget background white?

  1. nataliecatalina
    Member

    Hello -

    My blog is dosesofdesign.com, I have a footer widget area at the bottom, and I'd really like the background to be white for entire site including that whole area at bottom. Is there a way to do this?

    Please help!!
    Thank you,
    Natalie Vargas
    [email redacted]

    The blog I need help with is dosesofdesign.com. I do have the custom design upgrade

    The blog I need help with is dosesofdesign.com.

  2. Hi again,

    try adding this to your Custom CSS box:

    #colophon,
    #footer,
    #copyright {
    	background: #fff;
    	border-color: #fff;
    }

    The above CSS will turn the border colors to white as well, so your footer might blend too much. To add a horizontal border between the footer area and the main area, try this (I specifically choose the color to match the sidebar border color):

    #footer {
    	border-top: 1px solid rgba( 221, 221, 221, 0.3 );
    }
  3. Also, now your FB widget stands out because its background color is black; I believe you can set the widget to use a white bg color instead.

  4. nataliecatalina
    Member

    AWESOME! Thank you... is there anyway to completely center the "upper footer widget" area so that my advertisement is completely centered at the bottom of my site?

  5. You can use this:

    .content-sidebar #upper-footer-widgets .textwidget {
    	margin: 0 auto;
    	float: none;
    }
  6. nataliecatalina
    Member

    thanks so much for all your help! Exactly what i wanted :)

  7. You're welcome!

Topic Closed

This topic has been closed to new replies.

About this Topic