I have activated Transparent Glassy Header for my Homepage. The top menu items color is by default black. How can i change the color to white?
Hey Sasidhar!
Please go to Enfold theme options > Header > Transparency Options and change menu colors
Cheers!
Yigit
Hey Sasidhar!
Please add the following to your custom css section:
.main_menu {
color: #ffffff !important;
}
#top .av_header_transparency .phone-info {
color: #ffffff !important;
}
Regards,
Dake
Hi Dake, You mean add it to Quick CSS section under General Styling? I tried but it did not fix the issue.
Hi!
Please see my reply here – https://kriesi.at/support/topic/change-top-menu-items-color/#post-537340
Cheers!
Yigit
Hi Yigit, I tried your method too and it didn’t work. The menu color stays black
Hi!
Can you please flush browser cache and refresh your page? It does seem to work fine on my end. Please see screenshot in private content field below
Regards,
Yigit
Hey!
May we have temporary admin access to your website so we can take a closer look?
Regards,
Dake
Still no luck even after clearing browser cache. I have setup temp admin access for Dake
Dake, could you please take a look?
Hey!
I added the css into your style.css and the menu items are now white.
Regards,
Dake
works good now. thanks so much.
if it’s easy, could you also tell me how to increase the font size of the top menu items?
Hey!
You can adjust the font size with the below css.
.main_menu {
color: #ffffff !important;
font-size: 18px !important;
}
Cheers!
Dake
should i add it in the same file style.css ?
Hi!
correct, via the editor in your appearance section.
Cheers!
Dake
Thanks. You guys are awesome. Incredible customer support!
Hey!
Glad we could help :)
Please let us know if you ever need any help in the future.
Cheers!
Dake