Change area in footer color

Hello!

Add this code into your theme’s custom CSS box, if it has any, or in Appearance -> Customize -> Additional CSS:

.layout-5 .vina-footer{
background-color: #000000;
}

Instead of #000000 add any hex color code you wish.

If that code doesn’t work, try this one:

.layout-5 .vina-footer{
background-color: #000000 !important;
}

Thanks for your help! I will test it tonight when i’m home. I’ll keep you posted.

Seems to work with the !important; code

Do you also have the code to change my text colors? Once again, i really appreciate your help!

You’re welcome!

You can change those from your theme’s options. See here how: https://wordpress.vinagecko.com/docs/?theme=mozar. Select Fonts from the Theme Options menu.

Wasn’t able yet to test that, will do later on tonight. One more question, i changed the color as mentioned above, however it hasn’t changed on my mobile phone / tablet. Any suggestions to change the css there?

Once again, thanks for all your help Blade.

It works on mobiles too, I’ve checked it out. You probably need to clear your site’s and / or browser’s cache.

That did the trick, stupid that i didn’t thought of that.

Text color isn’t changeable from theme options, as it are several widgets. Any thought on how the widget text color (from footer) can be changed?

For the titles

.footer-static-title h4{
color: #000 !important;
}

For the text

.layout-5 .vina-footer .textwidget{
color: #000 !important;
}