Sidebar color change

  • Resolved raizaduran

    (@raizaduran)


    8 years, 8 months ago

    I tried to change the sidebar color from grey to white and added this CSS to the style.css file.

    /* sidebar color change */
.sidebar {
background-color: #ffffff;
}

    But the problem is, the background turns white till it has content, below that it’s grey still. Reference URL: https://www.indiavirtualinfo.com/shimla/

    How to make it complete

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi

    Grey background is due to the background image applied to main-inner, so add below css code to remove the background.

    .main .main-inner.group{
    background: none;
}

    Thanks

    Thread Starter raizaduran

    (@raizaduran)

    wow, it does the magic.

    Thank you codemovement.pk

    I’ve the same problem.

    https://www.emergencyactionplanning.com/

    Here is the code I implemented;

    /* sidebar color change*/ .sidebar {
    background-color: #000000;}

    /* sidebar color change*/ .main .main-inner.group{
    background-color: #000000;}

    You will notice the Left sidebar is still partially grey.

    Also, after publishing, I see that the center column is also blacked out. Its the one column I would like to stay Grey.

    Any suggestions?

    Anonymous User 12851872

    (@anonymized-12851872)

    Hi,

    You must already disable the background of the sidebar, with this code

    .col-3cm .main{
    background: none !important;
}

.col-3cm .main-inner{
    background: none !important;
}

    the center column is white, not grey.

    • This reply was modified 8 years ago by Anonymous User 12851872.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sidebar color change’ is closed to new replies.