Homepage sidebar opacity?

[Shaun Jones]

How do I darken the home page sidebar background?

[Bill Robbins]

Shaun,

Great question. You can darken the background color of the sidebar on the home page. I’d also suggest changing the navigation bar and the panel on the inside pages too so they match. Here’s how:

1. Go to the theme options page and select the styling tab.
2. Scroll down to the bottom and paste this into the Custom CSS box:

   
   #panel,
   #nav-bar,
   #home-sidebar {
   	background-color: rgba(0, 0, 0, 0.6);
   }
   

3. Change the 0.7 to the level of opacity you’d like to have on a scale of 0 to 1 with 0 being completely transparent and 1 being completely opaque. The color is set to black so the more opaque, the darker it will become.
4. Update your settings.
5. Test the color and repeat if necessary.

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

[Author]

Posts