Custom CSS not working

Hi,

I may need some info:

1. do you have live site that we can check?
2. which element do you need to style through css and what your css code look like

if changing themes makes the CSS work, then maybe it is the problem of structure change. Different themes might have different structures, and the CSS selector might have changed.

Hi gowinda, there is no live site yet, but here are code examples:

.home .main-header {
	background: hsla(0,0%,100%,.55) !important;
} 

.not-home .main-header {
	background: white !important;
} 

#primary-menu .menu-item-89 .sub-menu, #primary-menu .menu-item-1805 .sub-menu {
	width: 300px;
	font-size: smaller;
}

Both are about the navigation menu, which is what i am focused on – but i tested (different) code for the header, footer and everything inbetween.

Hi,

Gutenverse actually offers options for the tasks you’re trying to accomplish with CSS. However, if you still prefer using CSS, check the selector again to ensure it’s unchanged. For example, the selector #primary-menu .menu-item-89 .sub-menu might have changed if the theme had been switched. The primary-menu ID could have been altered or removed. You can check the element’s class or ID by right-clicking the element and selecting Inspect/Inspect Element.

NOTE: the selector of an element in the editor page and frontend might be different.

Hi gowinda,

Thank you for your response, for whatever reason i did not think about changing those settings through Gutenverse itself, instead of custom CSS – i probably missed the sub-menu section.

I still tried to do it via CSS (because i actually forgot to check the IDs), but i failed to get any result either way – i presume user error on my part…

Anyway, i was able to do it through Gutenverse – thank you for your help!

Hi,

thats great! if you need assistance or have any question feel free to ask here ??