Color of content frames

[Jin Nam]

Hello,

can one change the color of the content frames(opaque/transparent black) into another color (for example transparent yellow)?

thanks,

[Bill Robbins]

Good Morning,

Great question. You can change the color of those areas. 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(0, 0, 0, 0.80);
   }
   

3. Replace the (0, 0, 0, 0.80) with the rgba color you'd like to use. You can use this color picker http://www.css3maker.com/css-3-rgba.html to find the color. The first three numbers set the color. The last number sets the opacity on a scale of 0 (transparent) to 1.0 (opaque).
4. Update your settings.

See how that works for you. If you have any questions or trouble, let me know.

Thanks,
Bill

[Jin Nam]

Thank you, it worked well! But now my text color remained white. How can I turn it into black? Also the content text color in the widgets. I use a custom font via:

p.post-meta {
visibility: hidden;
margin-bottom: 0;
}

body { font-family: Helvetica, “Helvetica Neue”, Arial, Geneva, sans-serif; }

[Bill Robbins]

Good question. You can turn the text color to black. Add this to the Custom CSS box too:

#content,
.staff-list article,
#sidebar .widget  {
     color: #000000;
}

Which should make the color there black and also in your sidebar widgets. If that doesn’t get it quite right for you, let me know.

Have a great weekend,
Bill

[Author]

Posts