How to change sidebar color

  • Hi there,

    I would like to know how I can change the sidebar color from light grey to white.

    I already tried to edit the code as you can see:

    /* s2 expand/collapse */
    .s2-expand .s2 { background: #ffffff; position: absolute; top: 0; bottom: 0; width: 260px; margin: 0!important; z-index: 9; overflow: auto;
    -moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; }

    but with no success.

    I also read in another topic about changing the url to my color:

    /* s2 3 column, content middle */
    .col-3cm .main { background: url(img/sidebar/s-right-collapse.png

    but I am quite new here and not sure if I understood it well, how do I get a url with white color? I tried to download a picture in the media gallary and changing it there but did not work.

    By the way, it is a great theme, congratulations ??

    Thank you all.

Viewing 1 replies (of 1 total)

  • Hi Rehzin. Try adding the following css to a child theme style.css file, the theme Custom css options, or a plugin like Simple Custom CSS.

    If you want to set the sidebar background behind just the widgets, use this:

    /* set secondary sidebar widget background to white */
.s2 .widget {
  background: #fff !important;
}

    If you also want to set the remaining length of the sidebar white, you need to add the main container:

    /* set entire secondary sidebar background to white */
.s2 .widget, .main {
  background: #fff !important;
}

    Including the main container also sets the content area background color so, if you want that to be a different color, you’ll need to set it as well:

    /* reset content background */
.content {
  background: #f0f0f0;
}
Viewing 1 replies (of 1 total)
  • The topic ‘How to change sidebar color’ is closed to new replies.