Problems:

• The class “.elementor-widget-text-editor” in Theme CSS is too powerful, overriding the local settings.
• Some heading widgets are using all “defaults” in Typrography.
• Currently, the Privacy and T&C pages have page ID selector in front of “.elementor-widget-text-editor” to specify the font styles.
• The use of class Page ID in front of “.elementor-widget-text-editor” does not support the required styling on new pages created.

Findings

The priority of CSS:

Text-editor Widget:

Widget CSS (selector h3{ }) >

Theme’s CSS = .elementor-widget-text-editor h3 { } >

Theme’s CSS = h3 { } >>>

Widget’s Style Tab = .elementor-widget-text-editor { }

Heading Widget:

Widget’s Style Tab = h4.elementor-heading title { } >

Widget CSS (selector h4 { }) = elementor-element h3 { } >

Theme’s CSS = h4 { }

Solution

1. Re-specify the font styling in Widget CSS of text-editors on pages except Privacy page, T&C and the test pages from Zoe.
2. Remove the two page ID selectors in front of “.elementor-widget-text-editor” in the Theme’s CSS. This will affect all other text-editors on other pages.

Sample Codes for Widget CSS

selector p {

font-family: Karla;
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
line-height: 30px;
color: #221F20;

}

Pages using text-editor

> Class Information (8) –> Done 1+3+2+1+1 =8
> Who is Pilates for (6) –> Done 1+4+1 =6
> AP Footer (2) –> Done 2
> Our Team (6) –> Done 1+5 = 6
> Our Philosophy (2) –> Done 2
> Contact (3) –> Done 3
> Retreats (7) –> Done 5+1+1 = 7
> FAQs (1) –> Done 1
> Home (2) –> Done 2

Total 37

Other actions

• Removed AP-About Trainer – Temp (elementor_library)
• Removed AP Header (Not Used) (elementor_library)
• Removed the “Better Statistic for Elementor” plugin (This plugin gives an account on widgets used in various pages / locations)

Tips

• In text editor use Shift+Enter to start a new line / paragraph.