Changing footer color?

  • Author
    Posts
  • #1133247

    viewgooner
    Member

    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.

    #1133541

    lauriemrauch
    Member

    Hi,

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

    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!

    #1133544

    viewgooner
    Member

    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

    #1133604

    lauriemrauch
    Member

    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

    #1133607

    viewgooner
    Member

    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.

    #1133610

    kpoplifepaul
    Member

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

    #1133637

    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;
    }

The topic ‘Changing footer color?’ is closed to new replies.