Changing color and transparancy

[Kristin Hammer Anvik]

Is it possible to lower the transparency on the black background behind the post excerpts? and also: Is it possible to change the color from black to grey?

[Kristin Hammer Anvik]

If possible, a way to change the color of the transparant background throughout the whole theme would be much appreciated.

[Bill Robbins]

Good Morning Kristin,

You can do that. Here’s how:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   div#sidebar nav a,
   div#sidebar nav a:visited,
   header#primary,
   #content,
   div#sidebar nav li.current-menu-item li a,
   .staff-list article,
   select.tinynav,
   #sidebar .widget {
        background-color: rgba(50, 50, 50, 0.80);
   }
   

   the rgba(50, 50, 50, 0.80) sets the color and the transparency. The first three numbers are the rgb color. You can use a color selector like the one at http://www.colorpicker.com or http://www.css3maker.com/css-3-rgba.html to find those numbers (that should be a gray). The last one, the 0.80 is the transparency on a scale of 0.0 (completely transparent) to 1.0 (completely opaque). You can adjust all of that to find the right color combination for you.

3. Update your settings.

If you have any questions, just let me know.

Thanks and have a great week,
Bill

[Author]

Posts