Changing footer color?

• 

  viewgooner · Member · Jan 23, 2013 at 1:27 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  lauriemrauch · Member · Jan 23, 2013 at 4:52 pm

  • Copy link

  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!

• 

  viewgooner · Member · Jan 23, 2013 at 5:49 pm

  • Copy link

  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

• 

  lauriemrauch · Member · Jan 25, 2013 at 3:00 am

  • Copy link

  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

• 

  viewgooner · Member · Jan 25, 2013 at 11:59 am

  • Copy link

  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.

• 

  kpoplifepaul · Member · Jan 26, 2013 at 6:04 am

  • Copy link

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

• 

  designsimply · Member · Feb 13, 2013 at 9:37 pm

  • Copy link

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