Global Style Guide
Link to Adobe Color Wheel
Link to Google Fonts
Link to Divi Customizer Guide
Link to Divi Global Presets Guide (advanced)
Color Palette
Note: Divi’s Global Default Color Palette can be changed to your chosen colors under Divi>Theme Options>General tab.
#000000
#ffffff
#e02b20
#e09900
#edf000
#edf000
Common Divi Modules
(Note: Use Divi Customizer or Global Presets to edit the modules below.)
Color Reference Image
Global Header Font: Default, Open Sans
Global Body Font: Default, Open Sans
Adjust the global settings in Theme Customizer or Divi’s global presets. Examples below will show the global styles. (Don’t edit the text modules below.)
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 . , : ; ‘ ” ( ) [ ] < > ? ! @ # $ % ^ & * – _ + =
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 . , : ; ‘ ” ( ) [ ] < > ? ! @ # $ % ^ & * – _ + =
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 . , : ; ‘ ” ( ) [ ] < > ? ! @ # $ % ^ & * – _ + =
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 . , : ; ‘ ” ( ) [ ] < > ? ! @ # $ % ^ & * – _ + =
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph Normal
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.
Paragraph Bold
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.
Paragraph Italics
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.
Bold Italics
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.
Unordered List
Example of a bullet list. Your content goes here. Edit or remove this text inline or in the module Content settings.
- Product Sample one
- Product Sample two
- Product Sample three
- Product Sample four
Ordered List
Example of an ordered list. Your content goes here. Edit or remove this text inline or in the module Content settings.
- Product Sample one
- Product Sample two
- Product Sample three
- Product Sample four
Circle Styled List
Example of a circled list. Your content goes here. Edit or remove this text inline or in the module Content settings.
- Product Sample one
- Product Sample two
- Product Sample three
- Product Sample four
Square Styled List
Example of a square styled list. Your content goes here. Edit or remove this text inline or in the module Content settings.
- Product Sample one
- Product Sample two
- Product Sample three
- Product Sample four
Block Quote
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.
Other Divi Module Examples
Blurb Example
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.
Accordian Example
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.
Your Title Goes Here
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.
Your Title Goes Here
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.
Testimonial Example 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.