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

Sophia – How to change global colors

COLOR GUIDE:

Accent color 1: #9c556f

Accent color 2: #ac4a4b

Dark color: #181d22

Medium color: #cacbc5

Light color: #f4f2ed

Headings & Body: #181d22

 

How to change global colors


Saving colors can be accomplished by setting a default color palette in Divi’s theme options. To set your colors, navigate to Divi > Theme Options > General > Color Pickers Default Palette.

 

Once colors are saved, they are accessible to you anywhere within the Visual Builder’s color options under the saved tab.

 

How to change global 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.

You can change the color of your button text & background, adjust the button font size and style, and even create rounded buttons using the border-radius slider. In addition, you can change the default font and icon used within the buttons.

 

Need Further Tutorials?

The Divi Color Management: https://l1nq.com/dkjLY

Divi Buttons in Theme Customizer: https://encr.pw/pnSov

Related Articles
  • Sophia – How to Create an anchor text link in Resources
  • Sophia – How to Design a Product Page Template
  • Sophia – How to Design a Blog Post Template
  • Sophia – How to Import an Element from the Divi Library
  • Sophia – How to Save elements to the Divi Library
  • Sophia – How to add Filterable portfolio
4. Sophia - Theme Settings
  • Sophia – How to change global colors
  • Sophia – How to Import and edit Footer
  • Sophia – How to Import and edit Header
  • Sophia – How to configure Contact Form
  • Sophia – How to add Filterable portfolio
  • Sophia – How to Save elements to the Divi Library
  • Sophia – How to Import an Element from the Divi Library
  • Sophia – How to Design a Blog Post Template
View All 9  

  Sophia – How to configure Contact Form

Sophia – How to add Filterable portfolio  

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