[Support request] Generate Press + Elementor (free), Typography and color not working

[Karla]

Hi,

I customizae the typography and color on generated press, but is not working in all my page.

I all ready disable on menu Elementor > Settings and check “Disable Global Colors” and “Disable Global Fonts”.

and I try to customized by CSS

h2.widget-title {
font-size: 20px !important;
}
h2.entry-title {
font-family: “Parisienne”;
font-size: 36px !important;
}

h1, h2, h3 {
font-family: “Parisienne”;
font-weight: 300 !important;
}

h4, h5, h6 {
font-family: “Open Sans”;
font-weight: 500 !important;
}

body, p, spam, div, li, ul, button, input, select, textarea {
font-family: “Open Sans” !important;
font-weight: 300 !important;
font-size: 17px;

}

And I all ready empty my cache, but I see to differents fonts an weight on body font… I don’t know whats else to do

[Leo]

Hi there,

Have you tried using GP’s customizer instead of writing the CSS?
https://docs.generatepress.com/article/typography-overview/

Most of the options should be there.

[Karla]

Yes I try, but not work so i try the css…

[Leo]

It should work with those Elementor options disabled.

I can see that “Decoro tu Emoción” is h2 and font family is set by customizer: font-family: "Parisienne",arial,sans-serif;

Can you point me to the specific element that’s not working?

Also it would be easier for me to tell the source of everything is you can turn off Autoptimize for now.

[Karla]

Is most about the body font:

For example:

In this link: https://exquisitae.com/general-talleres/ I see it like this:

But here https://exquisitae.com/decoracion/ I see it like this

And is the same, I duplicated the template i create with the first one. Is happening also whit the testimonial section, the only different between this two is the background color, nothing else, I didn’t touch or customized anything. I create the first template and then I add it in all the sections:

I disable autoptimize

[Leo]

Do you have this plugin enabled? https://en-ca.wordpress.org/plugins/wp-google-fonts/

I can see the customizer options working, however it’s overwritten by your own CSS and perhaps that plugin.

Best to comment out your own CSS and disable that third party plugin to test.

[Karla]

Ok, done.

I disable the plugin, and I take out all the css except for two line that are working (h1.entry, an another one for titles) but, body font is still not the same…

[Leo]

Hmm do you have any caching plugins activated?

The body font is still taking style from WordPress Google Fonts. Specifically this line here:

body, p, spam, div, li, ul, button, input, select, textarea {
	font-family: "Open Sans" !important;
	font-weight: 300 !important;
	font-size: 17px;
}

[Karla]

Hi Again Leo,

No, I do not have any caching plugin 🙁 the thing is that that CSS is correct too

Is just like my first post:

body, p, spam, div, li, ul, button, input, select, textarea {
font-family: “Open Sans” !important;
font-weight: 300 !important;
font-size: 17px;

}

But is not showing it anyway… :/

[Leo]

What’s not showing?

You shouldn’t need any CSS or Font plugin. They will interfere with the customizer options.

I can see that most of the text are taking style from the customizer. Can you try changing the size or font etc to see if it works now?

The only thing that’s still not getting the style is this sentence:
MI CREATIVIDAD EN TUS MANOS PARA MATERIALIZAR JUNTAS TU FIESTA COMO LA HAS IMAGINADO

Which is getting style from Elementor:

.elementor-5833 .elementor-element.elementor-element-ad74e1b {
    font-family: "Open Sans", open sans-serif;
    font-weight: 100;
    letter-spacing: 0.5px;
}

[Author]

Posts