Changing colors of sidebar

Hi there. ??

As a first note: Please do not edit your theme’s style.css file directly. Any changes that you make there will be lost when it comes times to update your theme.

Instead, to add custom CSS, firstly set up a child theme or activate a custom CSS plugin. If you have Jetpack installed then you can activate its custom CSS module.

Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme:

.widget-area {
    background: #32CD32;
    color: #FFF;
}

The above will change the background of the widget area to a green shade (#32CD32) and then set the colour of the main text to white (#FFF).

You can switch those values with any HEX code of your choice. If you’d like to experiment with different colours, try a few Google searches to get a list of HEX codes and their corresponding values. Here’s an example of a site that I’ve used before:

https://www.color-hex.com/

You can also change the colour of the links in the widget area using the following:

.widget-area a {
    color: #FFF;
}

Let me know how you get on with that or if you have any extra questions.

Great, thanks! It works, I did it va an child-theme.
Please have a look a the page https://venuswellness.de/ – I need the rest of the webpage on the right hand side in this green as well. And the footer.

Can u help me again?

Thanks, great theme!

Sure thing! You can change the footer with the following CSS:

.site-footer {
    background: #91A93D;
    border-top: 1px solid #91A93D;
}

And the rest of the widget area can be changed with the following:

.site:before, .slide-menu {
background: #91A93D;
}

As before, replace the HEX codes with any value of your choice