WordPress.com

1. viewgooner
   Member
   Jan 23, 2013, 1:27 AM

   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. lauriemrauch
   Member
   Jan 23, 2013, 4:52 PM

   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. viewgooner
   Member
   Jan 23, 2013, 5:49 PM

   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. lauriemrauch
   Member
   Jan 25, 2013, 3:00 AM

   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. viewgooner
   Member
   Jan 25, 2013, 11:59 AM

   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. kpoplifepaul
   Member
   Jan 26, 2013, 6:04 AM

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

7. designsimply
   Staff
   Feb 13, 2013, 9:37 PM

   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.