Transparency sidebar

Support Area Forums Umami Transparency sidebar

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://
  • Author
  • #31141

    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,


    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 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,


    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 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Transparency sidebar’ is closed to new replies.