Transparency sidebar

[Massimiliano Issietti]

Hi Bill,

I bought your template and I really like it.

I would like to change the transparency and probably the color to the sidebar.

Also is it possible to change the font size in the navigation?

Thank you,

Max

[Bill Robbins]

Good Morning Max,

I’m glad you’re enjoying the theme. You can change the color and transparency of the sidebar. The background color uses what’s called a RGBA color (red, green, blue, alpha). The last number is the “alpha” value that sets the transparency of the color. It uses a scale of 0.0 (completely transparent) to 1.0 (completely opaque). There is a color tool at http://www.css3maker.com/css-3-rgba.html that can help you find the right value. Here’s how to use it:

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

   
   #sidebar {
   	background-color: rgba(0, 0, 0, 0.8);
   }
   
   #content {
   	background-color: rgba(0, 0, 0, 0.8);
   }
   

   The top style there is for the sidebar’s background color. The second one is for the main content area of the site’s background. You can change the colors of either of them to fit your needs.

3. Update your settings.

If you run into any questions or trouble, let me know.

Have a great day,
Bill

[Massimiliano Issietti]

Thank you very much Bill.

Now is perfect for my needs.

Have a great day too

[Bill Robbins]

Glad to hear that did the trick. Let me know if you have any other questions 🙂

[Author]

Posts