Global Style Guide
Required Changes
- Change Reference Logo or Image
- Change the Color Palette
- Change the Global Text, H1, and H2 tags
- Design the Global Button
- Everything else is optional.
Helpful Links
Link to Adobe Color Wheel
Link to Google Fonts
Link to Divi Customizer Guide
Link to Divi Global Presets Guide (advanced)
Color Palette
(Screenshot your color palette, and place it below. Then go to Divi’s global Color Palette to update the Globlal colors Divi>Theme Options>General.)
Common Divi Modules
(Note: Use Divi Customizer or Global Presets to change global settings.)
Color Reference Logo or 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.