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


    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.



    Try the following:

    .sidebar {
        background: red;



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



    Can you post a link to your website please?



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



    Try with this:

    @media only screen and (min-width: 768px) {
            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%);



    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?


    Try with:

    .sidebar *{
    color: white !important;

    Best regards,


    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?



    Did you try the code i posted in #245767?



    Thanks for your help. Looks great!


Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Color change in sidebar’ is closed to new replies.