Updating Site Settings

It’s time to personalize your site settings. You can use the directions here to make your site look like the demo content, or plug in your own color codes and fonts to match your branding.

Remember, less is more. Simple is the way to go to help clients navigate and focus on what you want them to know about your business and services.

Customizing the Site Settings:

  • From the WordPress dashboard, scroll down and click on ‘Pages’ in the WordPress sidebar.
  • Hover over the homepage we added in the last lesson, and choose ‘Edit with Elementor’.
  • In the Elementor side bar, click the three horizontal lines in the top left corner. 
  • Click ‘Site Settings’ under the settings choices.
  • Under Design Elements click ‘Global Colors’.
  • Change the colors to match these:
    Primary- #526569
    Secondary- #628082
    Text- #526569
    Accent- #e6b759.
  • If you want to use different colors to match your branding, chose your main color for primary, a lighter color for secondary, black or a dark color for the font, and a color that’s very different and capture attention for the accent color.
  • Use the back arrow on the top left to get back to the main menu.
  • Under Design Elements click ‘Global Fonts’.
  • Change all of the font styles (primary, secondary, text & accent) to match these settings: 
    Montserrat, size-18, weight- 500
  • Use the back arrow on the top left to get back to the main menu.
  • Under Theme Style click ‘Typography’.
  • Change the fonts color to #628082
  • Change the font to these settings:
    Lora, size- 16, weight- 400
  • Use the back arrow on the top left to get back to the main menu.
  • Under Theme Style click ‘Button’.
  • Change the font to these settings: Montserrat, size- 16, weight- 500
  • Set the color of both the ‘Normal’ & ‘Hover’ options to font color #FFFFFFF & the background to #526569. Make sure you click hover tab to change those colors as well (as shown in the photo below).