24Use these settings:
At present the theme customiser is set as follows:
General settings > typography > body text size: 16; header text size 34
Mobile styles > Tablet > body text size: 14; header text size 30 & Phone > body text size: 14; header text size 24
These heading styles below have overides for H1-H6 at Desktop ‘D’ / Tablet ‘T’/ Mobile ‘M’ sizes:
Copy and paste the ‘Heading Text Styles’ from this module:
Heading 1 H1: D-34px T-30px M-24px
Heading 2 H2: D-30px T-26px M-21px
Heading 3 H3: D-24px T-21px M-17px
Heading 4 H4: D-20px T-18px M-14px
Heading 5 H5: D-18px T-16px M-13px
Heading 6 H6: D-16px T-14px M-12px
Paragraph-style: Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
By default, the headers in Divi have these sizes:
Heading 1 H1 – 30px
Heading 2 H2 – 26px (4 less)
Heading 3 H3 – 22px (4 less)
Heading 4 H4 – 18px (4 less)
Heading 5 H5 – 16 px (2 less)
Heading 6 H6 – 14px (2 less)
Paragraph-stlye: Body text is set in the customiser at 16pt, and line height is 1.4. Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Desktop ‘D’ / Tablet ‘T’/ Mobile ‘M’ suggested sizes are:
Heading 1 H1: D-30px T-30px M-24px
Heading 2 H2: D-26px T-26px M-20.8 (21px)
Heading 3 H3: D-22px T-22px M-17.6 (18px)
Heading 4 H4: D-18px T-18px M-14.4px (14px)
Heading 5 H5: D-16px T-16px M-12.8px (13px)
Heading 6 H6: D-14px T-14px M-11.2px (11px)
Paragraph-style: Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Desktop ‘D’ / Tablet ‘T’/ Mobile ‘M’ suggested sizes are:
Heading 1 H1: D-30px T-30px M-24px
Heading 2 H2: D-26px T-26px M-20.8 (21px)
Heading 3 H3: D-22px T-22px M-17.6 (18px)
Heading 4 H4: D-18px T-18px M-14.4px (14px)
Heading 5 H5: D-16px T-16px M-12.8px (13px)
Heading 6 H6: D-14px T-14px M-11.2px (11px)
Paragraph-style: Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
These have overides for H1-H6 at Desktop ‘D’ / Tablet ‘T’/ Mobile ‘M’ sizes:
Heading 1 H1: D-30px T-30px M-24px
Heading 2 H2: D-26px T-26px M-20.8 (21px)
Heading 3 H3: D-22px T-22px M-17.6 (18px)
Heading 4 H4: D-18px T-18px M-14.4px (14px)
Heading 5 H5: D-16px T-16px M-12.8px (13px)
Heading 6 H6: D-14px T-14px M-11.2px (11px)
Paragraph-style: Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
These have overides for H1-H6 at Desktop ‘D’ / Tablet ‘T’/ Mobile ‘M’ sizes:
Heading 1 H1: D-30px T-30px M-24px
Heading 2 H2: D-26px T-26px M-20.8 (21px)
Heading 3 H3: D-22px T-22px M-17.6 (18px)
Heading 4 H4: D-18px T-18px M-14.4px (14px)
Heading 5 H5: D-16px T-16px M-12.8px (13px)
Heading 6 H6: D-14px T-14px M-11.2px (11px)
Paragraph-style: Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
