Change sidebar background color

Posted in: Newsmag
Post count: 10

Hello,

I want to change the background of the sidebar, but I can’t find how.

I want something simimar to: http://www.demotivateur.fr (light grey for the sidebar)

Anyone can help me please?

Thank you

Post count: 23312

Hello seban,

If you want to change the background-color of your sidebar you should use a bit of CSS to do that. Try the code below and place it in Theme panel->Custom CSS area.

.td-ss-main-sidebar{
background-color:red!important;
}

The result -> http://screencast.com/t/NDVsDBGT

If is not what you mean, provide more details about your problem so I will be able to provide a more accurate response. Also, you can provide your website URL so I can inspect it closer and provide you a more accurate response.

Thanks for the message!

Post count: 10

Hello,

Thank you for your help. It works, but only to the latest widget. After that, the sidebar is white.
How can I fix that?

Thank you once again!

Post count: 23312

Hello seban,

You website URL is needed so I can inspect it closer.

Thanks for the message!

Post count: 10
Post count: 23312

Hello seban,

Please try the code below if you want to change the background for your sidebar.

The code is ->

div.td-ss-main-sidebar{
background-color:red!important;
}

The result is here -> http://screencast.com/t/8DQaUUBWSkoh -> http://screencast.com/t/QgXk9Nl8

If is not what you mean, provide more screens so I can understand what you want to achieve.

Thanks for the message!

Post count: 10

Hi,

Please look here: https://dl.dropboxusercontent.com/u/26399544/Capture%20d%E2%80%99%C3%A9cran%202016-11-24%20%C3%A0%2009.53.15.png

The bottom of the sidebar is still white. Please look after “entretien d’embauche”. The color ends here.

Even if I add the “div” element, it doesn’t work.

Thank you

Post count: 23312

Hello seban,

Please notice that this white space will inherit the background color content, like this -> http://screencast.com/t/ONnZLYedSv As a quick solution, you should use the Smart Sidebar feature which makes the sidebar to be sticky on page, like this -> http://demo.tagdiv.com/newsmag/ The smart sidebar can be enabled from Theme panel, like this -> http://screencast.com/t/hgSs3e0TdFdv For more information about this feature, please consult here -> https://forum.tagdiv.com/smart-sidebar-2/

Hope this helps!

Thanks for the message!

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newsmag’ is closed to new topics and replies.