Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Customizing sugarcube sidebar question

I'm using an image as the background of my project and I'm using sugarcube. My issue is the sidebar takes up a lot of space and seems a bit distracting.

Is there a way to make the sidebar smaller or change the color of it to be transparent so it doesn't distract as much from the project itself?

Thanks!

Comments

  • If you're otherwise using the original colours, try adding this to your CSS:
    #ui-bar {
    background-color: rgba(34,34,34,0.25);
    width: 130px;
    }
    The rgba() syntax tells you that it's 34 on a scale of 0 black to 255 for red, green, and blue (so a dark grey here) and 0.25 on a scale of 0 to 1 for translucency. So if you want it darker, change that last one to 0.5 or 0.75.

    If you'd like to change the tint altogether, you can figure out what to put for the background-color with this tool: http://www.css3maker.com/css-3-rgba.html
  • Just put this in  your css file:

    #ui-bar, #ui-body {
    background: hidden;
    background-attachment: fixed;
    background-color: transparent;
    border-color: transparent;
    }
Sign In or Register to comment.