Site logo

Archived topic

Impossible to change fonts in the main menu and its variables

5 replies · Started by Bodegas Piedemonte on February 15, 2022

Viewing posts 1–6 of 6

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

This archived topic is closed to new replies.