Docs

[PicciaNeri]

Hello there, I am working on this dev site

http://dev.ilpuntomerceria.it/

using Integrity stack.

I want to change the background color of the menu in the footer. I can target it easily in the inspector and make it happen with this code:

.x-colophon.bottom .x-nav {background-color: rgba(255,255,255,0.8) !important;}

But if I put this piece of code in the stylesheet, AND in the Custom CSS in the customiser, NOTHING happens. I have trawled the forums and your answer is always to target .x-colophon or .x-colophon.bottom but even when I try that combo, absolutely nothing happens to the menu in the footer. It is not a cache issue, either.

What am I doing wrong?

Many thanks in advance for your help.

[Zeshan]

Hi Piccia,

Thanks for writing in!

I’ve checked your site and there is a closing curly bracket missing in your custom CSS code in the Customizer. This is causing the footer menu CSS not to work. To fix this, replace this line under Custom > CSS in the Customizer:

ul#menu-main-menu > li > a:hover {background-color: rgba(56,160,141,0.8); color: white; 

With this:

ul#menu-main-menu > li > a:hover {background-color: rgba(56,160,141,0.8); color: white; }

Thank you!

[PicciaNeri]

WOW. Embarrassing! Red face over there. Thank you so much!

[Friech]

You’re welcome, should you require any further assistance with X|THEME and Cornerstone, please feel free to get in touch with us.

Cheers!

[Author]

Posts