HEADING 1
Add Your Heading Text Here
3Rem, 700, 1.3em LH, LetSp 0.2

HEADING 2
Add Your Heading Text Here
2rem, 700, 1.3em LH, def, def

HEADING 3
Add Your Heading Text Here
1.5Rem, 500, 1.2em 0.8pxLS

HEADING 4
Add Your Heading Text Here
1.3Rem, 400, 1.2em LH, 1px LS

Test these with the 5 sizes, rechecking the break points, mostly watch for x large, laptop, and mobile…mostly mobile!!!!

I used default sizes, and I guess they incremented up, from BODY/TEXT size…which is pretty smooth.

 

X-LARGE FONT, TEXT 1

4 rem, 1.2 em LH Lorem ipsum dolor sit amet, 

LARGEST FONT, TEXT 13 rem, 1.2 em LH <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

MEDIUM FONT TEXT 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

SMALL FONT TEXT 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

X-SMALL FONT TEXT 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

I am using:

Elementor Pro

Theme = OceanWP Pro 

Chocoblock – which are the JET widgets….

Use Rem for fonts and line height

my check boxes are checked, forcing style to be controlled by THEME, not by the 4 colors of Primary, Secondary etc…

Checking this box will disable Elementor’s Default Colors, and make Elementor inherit the colors from your theme.

Green is picked, similar to Aheran, with red accent. avoiding red blue pink male female slant.