Archived topic
GP default colors are not activated on Elementor page.
5 replies · Started by Daniel on March 28, 2023
Hi there!
My website is created with GP Premium + Elementor.
I've just changed to GP global fonts and colors from Elementor style settings because I would like to reduce CSS size.
1. I turned off Elementor default colors and fonts in Elementor settings.
2. I set the global fonts and colors in Apperance > Customize. I set different colors for my heading based on HTML (h1, h2, etc.).
3. It seems that font color settings are overwritten by something. For example h3 and h5 should be #FFFFFF according to theme global settings.
What did I not set correctly?
It seems to font settings are overwritten.
Elementor heading element always overwrite GP global font line height settings?
My website: https://vdigital.hu/
Hi Daniel,
For reference, can you point us to a specific example of an H3 or H5 on your site that has the issue mentioned?
Hi Fernando,
Yes, of course.
All examples are from main page.
<h5 class="elementor-heading-title elementor-size-default">Akkor ismerősek lehetnek a következő problémák</h5>
<h3 class="elementor-heading-title elementor-size-default"><b>Ha próbálkoztál már online marketinggel</b></h3>
<h3 class="elementor-heading-title elementor-size-default">A hatékony <b>digitális marketing</b> alapja</h3>
<h5 class="elementor-heading-title elementor-size-default">A digitális marketing világában töltött több, mint <b>9 év</b> alatt összeraktam egy egyszerű és könnyen átlátható szisztémát.
A 3+1 alkotóeleme adja a stratégiai vázát egy valódi eredményeket szállító digitális marketing rendszernek.</h5>
Thanks!
Hi there,
Elementor is still loading its CSS eg.
.elementor-kit-12 h5 {
color: var(--e-global-color-45418b0);
}
.elementor-heading-title {
padding: 0;
margin: 0;
line-height: 1;
}you would need to ask Elementor to how to remove this CSS.
Hi David,
Thank you for your tip.
I found the solution. I share it if anyone is facing the same situation.
Elementor overwrote the GP global color settings with its own Theme style settings.
1. Open any page with Elementor editor
2. Open the hamburger menu in top left corner
3. Go to Site settings
4. Under Theme Style > Typography set everything to default.
Thanks for sharing that info! much appreciated
