1. Colors 

How do I change my site's colors? 

1. When editing a Page or Template, and Click “Edit with Elementor”
   • You can edit the site styles from any page or template, but we recommend going to Templates > Style Guide and Click “Edit with Elementor”
2. Click the top left Menu icon
   
   
   
   
3. 
   
   
4. Click "Global Colors"
   
   
   
   
5. From here you can change the “Global Colors” as well as the “Style Kit Colors” - both are used to control your entire site.
   
   

How do I use Global Colors when I create new content?

1. Click the blue pencil icon to edit the Widget you want to change
   
   
    
2. Select the Global Icon anywhere you can change a color 
   
   
   
   
3. Select a color from your Global Colors list 
   
   
   
   
4. Now, if you change that Global Color, anywhere it is synced will also change!

2. Fonts 

How do I change my site's fonts? 

1. When editing a Page or Template, and Click Edit with Elementor
   • You can edit the site styles from any page or template, but we recommend going to Templates > Style Guide and Click Edit with Elementor.
     
     
     
     
2. Click "Site Settings"
   
   
   
   
3. Click "Global Fonts"
   
   
   
   
4. From here you can change the “Global Fonts” as well as the “Style Kit Fonts” - both are used to control your entire site.
   
   
   
   

How do I use Global Typography when I create new content?

1. Click the blue pencil icon to edit the Widget you want to change
   
   
   
   
2. Select the Global Icon anywhere you can change typography
   
   
   
   
3. Select a typography style from your Global Fonts list
   
   
   
   

Now, if you change that Global Font, anywhere it is synced will also change! Global Fonts update general site styles and Style Kit Fonts control all the specific Heading or Title styles throughout the site. 

3. Buttons

Your site has 5 button styles. Using consistent styles throughout the site will help users easily understand what they can click on. Your site’s Style Guide template has a section with all 5 styles so you can review them as you edit.

How do I change my site's button styles? 

1. When editing a Page or Template, and Click “Edit with Elementor”
   • You can edit the site styles from any page or template, but we recommend going to Templates > Style Guide and Click “Edit with Elementor"
2. Click the top left Menu icon
   
   
   
   
3. Click "Site Settings"
   
   
   
   
4. Click "Style Kits"
   
   
   
   
5. Click “Button Sizes”
   
   
   
   
6. From here you can change the 5 button styles. These are labeled as XS, S, M, L, and XL, but you have complete control over size, typography, colors, etc. We recommend you ensure you have a global style to work with dark and light backgrounds.
   
   
   
   

4. More About Global Styles 

To learn more, visit Elementor Academy: How do I use global fonts and colors.

Updated March 27, 2024 16:01