Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #244741

    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.

    #244800

    Hey!

    Try the following:

    .sidebar {
        background: red;
    }

    Cheers!
    Josue

    #245693

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

    #245699

    Hi,

    Can you post a link to your website please?

    Regards,
    Josue

    #245709

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

    http://hkhalden.no/klubb/

    #245767

    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

    #245770

    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?

    #245771

    Try with:

    .sidebar *{
    color: white !important;
    }

    Best regards,
    Josue

    #302038

    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?

    #302052

    Hi!

    Did you try the code i posted in #245767?

    Cheers!
    Josue

    #419361

    Thanks for your help. Looks great!

    Thanks

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