Archived topic
Impossible to change fonts in the main menu and its variables
5 replies · Started by Bodegas Piedemonte on February 15, 2022
Hi there, I',m having trouble trying to change the fonts in the primary menu and its variables: uppercase, lowercase, bold, in the different states of each menu item. I make the changes but they are not shown on the page...
Hi there,
can you share a link to where i can see the issue ?
I put the link y the private information, hope you can see it
Ok, so Elemetor is loading this CSS:
.elementor-kit-1119 a {
color: var( --e-global-color-accent );
font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
font-weight: var( --e-global-typography-accent-font-weight );
text-transform: var( --e-global-typography-accent-text-transform );
font-style: var( --e-global-typography-accent-font-style );
}
Which is being applied to every <a> in the site. And this: text-transform: var( --e-global-typography-accent-text-transform ); is setting them to lowercase.
Unless you know how to disable or change that in Elementor you will need to add this CSS:
.main-navigation li a {
text-transform: uppercase;
}
Thanks!!!! :)
You're welcome