Heading widget

• H1 – H6
  • Default font color = primary color
  • Default font family and weight = primary font
  • Default font size, letter-spacing and line-height = theme style typography
• P
  • Default font color = primary color
  • Default font family and weight = primary font
  • Default font size, letter-spacing = The P defined in style.css

Text Editor widget

• H1 – H6
  • All default settings = theme style typography
• P
  • All default settings = P defined in style.css
  • Margin-bottom = defined in theme style typography

Recommendation

Based on the above findings, it is recommended to set up the Astra theme and Elementor as follows:

• Style.css of Astra child theme
  • No need to define H1 – H6 and P here.
  • Define (ul li), (ol li) typography and color
  • Define outline behaviour
• Elementor
  • In Admin Settings – General, tick both “Disable Default Colors” and “Disable Default Fonts”.
  • Define Global Colors
  • Define Global Fonts.
    • Rename “Primary” to “Primary-H1”
    • Rename “Secondary” to “Secondary-H2”
    • Use the Add Style button to add additional H3 to H6.
    • Define Fallback Font Family
  • Define Theme Style Typography
    • Use the Global fonts to define the Theme Style Typography.