• HOME
  • DIVI BEGINNERS
  • TUTORIALS
  • TROUBLESHOOTING
  • SUBMIT A TICKET
  • HOME
  • DIVI BEGINNERS
  • TUTORIALS
  • TROUBLESHOOTING
  • SUBMIT A TICKET
home/Knowledge Base/4. Hattie - Theme Settings/Hattie – How to change global colors

Hattie – How to change global colors

COLOR GUIDE:

Accent color: #a08263

Dark color: #222

Medium color: #ddd4c7

Light color: #eeece8

Headings & Body: #222

 

How to change global colors


Navigate to Appearance > Customize > Hattie Settings >  Hattie Theme Color

 

Your Theme Elements – You can set light, medium and dark color for various miscellaneous elements.

How to change global Colors


If you don´t want use Hattie Theme Colors, deactivate it and use Variable Colors.

Open any page in the Visual Builder and click the Variable Manager icon in the left sidebar.

 

 

How to apply Global Variables in your designs

Divi 5 - Assign a Global Color variable to Text Color option

 

 

How to change global buttons


Navigate to Appearance > Customize > Buttons > Buttons Styles and Button Hover Styles.

 

Related Articles
  • Hattie – How to add lovely icons to Blurbs
  • Hattie – How to Design a Blog Post Template
  • Hattie – How to Import an Element from the Divi Library
  • Hattie – How to Save elements to the Divi Library
  • Hattie – How to add Filterable portfolio
  • Hattie – How to configure Contact Form
4. Hattie - Theme Settings
  • Hattie – How to change global colors
  • Hattie – Theme Options
  • Hattie – How to Import and edit Footer
  • Hattie – How to configure Header
  • Hattie – How to configure Contact Form
  • Hattie – How to add Filterable portfolio
  • Hattie – How to Save elements to the Divi Library
  • Hattie – How to Import an Element from the Divi Library
View All 9  

  Hattie – How to configure Contact Form

Hattie – How to add lovely icons to Blurbs  

  • Privacy Policy
  • Terms of Use
  • Copyright 2023. All Rights Reserved.