Need help? Check out our Support site, then

How do I make my footer widget background white?

  1. nataliecatalina

    Hello -

    My blog is, 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 I do have the custom design upgrade

    The blog I need help with is

  2. Hi again,

    try adding this to your Custom CSS box:

    #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

    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

    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