Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 29, 2014 at 11:09 am #244741
    tcoach84

    Hey

    How can i change the background color in the whole sidebar area?

    I have tried this in the quick css:
    .main_color .sidebar a {
    color: #a60000;
    }

    but the red color would not go all the way to the side of the browser window. What i get is white – red – white, and it should be a menu sidebar with full red background and white background in the content area.

    Can anybody help? Thanks.

    March 29, 2014 at 6:21 pm #244800
    Josue

    Hey!

    Try the following:

    .sidebar {
    background: red;
}

    Cheers!
    Josue

    March 31, 2014 at 8:13 pm #245693
    tcoach84

    Thanks, but i still have the white space in the side. The red color isn’t filling the whole aside.

    March 31, 2014 at 8:21 pm #245699
    Josue

    Hi,

    Can you post a link to your website please?

    Regards,
    Josue

    March 31, 2014 at 8:33 pm #245709
    tcoach84

    Yes of course. I’m still building it :)

    http://hkhalden.no/klubb/

    March 31, 2014 at 10:58 pm #245767
    Josue

    Hi!

    Try with this:

    @media only screen and (min-width: 768px) {
    .container_wrap.sidebar_right{
        background:-webkit-gradient(linear,right top,left top,color-stop(red,0.295),color-stop(white,0));
        background:-webkit-linear-gradient(right, red 29.5%, white 0%);
        background:   -moz-linear-gradient(right, red 29.5%, white 0%);
        background:     -o-linear-gradient(right, red 29.5%, white 0%);
        background:        linear-gradient(right, red 29.5%, white 0%);
    }
}

    Cheers!
    Josue

    March 31, 2014 at 11:01 pm #245770
    tcoach84

    Thanks a lot, it works :)

    Can i ask you one more question? How can i then change the font color in the sidebar to white, without changing it in the main content?

    March 31, 2014 at 11:02 pm #245771
    Josue

    Try with:

    .sidebar *{
color: white !important;
}

    Best regards,
    Josue

    August 9, 2014 at 6:21 pm #302038
    zerozendesign

    This worked. Great! One more addition. If you change the color of the sidebar, there is still a portion of it between the edge of the site content area and the sidebar that is still applying the background color. How do we go about having the sidebar extend to the edge of the site’s content area on the side where the sidebar is located. For example… if we have a left sidebar, how do we get the sidebar content/color to extend all the way to the left?

    August 9, 2014 at 7:46 pm #302052
    Josue

    Hi!

    Did you try the code i posted in #245767?

    Cheers!
    Josue

    March 27, 2015 at 4:12 pm #419361
    svreatt

    Thanks for your help. Looks great!

    Thanks

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Color change in sidebar’ is closed to new replies.