Hi all,
I have searched the forum and tried some css code but I can’t get my menu in uppercase.
Is there another code that I can try.
Thanks,
Godert
Hey vonweiler!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-main-nav > li > a {
text-transform: uppercase;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hi Yigit,
Thanks for yur quick response. I am sorry to tell you that it doesn’t work.
This is my custom css at this moment.
.main_menu > div {
height: 40px !important;
}
.av-main-nav > li > a {
text-transform: uppercase;
}
.slideshow_caption { width: 100%; }
.avia-caption-content
{ font-size: 18px !important; text-transform: none !important;}
.avia-testimonial-content h3 {
font-family: PT sans !important;
}
Hi!
Please try adding !important rule
.av-main-nav > li > a {
text-transform: uppercase !important;
}
If that too does not work, please create a temporary admin login and post it here privately so we can look into it
Cheers!
Yigit
strange, it still isn’t working.
see the credetials below
thanks man!
Hi,
Thanks for the details but they are not working unfortunately, could you check please?
Best regards,
Rikard
Hi Rikard,
Could you please try again.
Best Godert
Hi!
Styling files and many other files are currently not being loaded. Can you please check your website? Please try de-activating all active plugins and check if that helps
Regards,
Yigit
This combination did the trick
.avia-menu-text {
text-transform: uppercase;
}
.sub-menu .avia-menu-text {
text-transform: uppercase;
.avia-menu-text {
text-transform: uppercase;
}
.sub-menu .avia-menu-text {
text-transform: uppercase;
letter-spacing: 1.1px;
}