change the background and font to some other colors.

[guek yee]

For the foxy theme, I would like to change the background and font to some other colors. Can you advise how to do it?

[Bill Robbins]

Good Morning,

You can change those. Here’s how:

1. Go to your theme options page and choose the Style tab.
2. Scroll down to the Custom CSS box and add this:

   
   #content,
   header#primary,
   #sidebar .widget,
   div#sidebar nav a, 
   div#sidebar nav a:visited,
   .current-menu-parent ul.sub-menu li a, 
   .current-menu-item ul.sub-menu li a,
   div#sidebar nav li.current-menu-item li a {
   	color: #ffffff;
   	background-color: rgba(0, 0, 0, 0.84);
   }
   

3. The text color will be the #ffffff in the snippet above. Change it to the color you’d like to have there. The background color is set with rgba(0, 0, 0, 0.84). This is a RGBA color –red, green, blue and alpha. The last value the 0.84 is the “alpha” value which sets the transparency of the background on a scale of 0 (transparent) to 1.0 (completely opaque). There is a RGBA color tool at https://developer.mozilla.org/en-US/docs/Web/CSS/Tools/ColorPicker_Tool if you need help there. You can also use a hex color and that will make the background transparent.
4. Update your settings.

If you have any questions or trouble, let me know.

Thanks,
Bill

[Author]

Posts