[Support request] Impossible to change fonts in the main menu and its variables

[Bodegas Piedemonte]

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…

[David]

Hi there,

can you share a link to where i can see the issue ?

[Bodegas Piedemonte]

I put the link y the private information, hope you can see it

[David]

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;
}

[Bodegas Piedemonte]

Thanks!!!! 🙂

[David]

You’re welcome

[Author]

Posts