Need help? Check out our Support site, then


Changing footer color?

  1. Hey, I really could use some help with editing the color of the footer on my blog, goonerview.com it uses the splendio theme, and I literally just want to change it from blue to red. It can't be done in custom colors but I presume it can by CSS? Yet I don't know how.

    Any help would be great thanks.

    The blog I need help with is goonerview.com.

  2. Hi,

    If you have the CSS upgrade, you can do something like this:
    #footer-widget-area {<br /> background: url("images/footer-widget-area-top-bkg.png") no-repeat scroll left top #A60C0C;<br /> }

    Part of the footer is an image, so if you want to change that as well, you'll need to replace it with a new image or remove the image completely.

    Hope that helps!

  3. Yes, thank you!
    Do you also know how I would be able to change the color of the orange area on the top right, where the social media icons are?

    Appreciate your help

  4. It's in two pieces - there's an image on #header-auxiliary, which you can replace or remove (but it's behind the blue and the orange, and you can change the background-color on #header-auxiliary .syndicate

  5. When I change the color the icons still have the orange background, when I change their background the icons disappear (the links are still there).
    Would you be able to give me a code that would solve all of this please!
    Thanks for your time again.

  6. #footer-widget-area {
    background: url("images/footer-widget-area-top-bkg.png") no-repeat scroll left top #A60C0C;
    }

  7. Instead of using CSS like

    background: url("http://s2.wp.com/no image") no-repeat left top

    or

    background: url("http://s2.wp.com/no image") no-repeat left top

    you can just use

    background: none

    Another neat trick is to combine selectors into one list. Here is an example:

    #header-auxiliary .syndicate li a.twitter-link,
    #header-auxiliary .syndicate li a.facebook-link,
    #header-auxiliary .syndicate li a.rss-link,
    #header-auxiliary,
    .featured-posts .featured-title strong {
    	background: none;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic