How to change Colors Globally

⌘K

How to change Colors Globally

Accessing Global Styles

To begin customizing global styles, follow these steps:

  1. Log in to your platform’s admin dashboard.
  2. Navigate to Appearance in the left-hand menu
  3. Click on Editor to open the editing interface.
  4. In the editor, locate and click on the Styles section. Then click on the Pencil Icon. This will display all available global style options.
  5. Click on the Colors

Colors Customization 

The color palette allows you to define and manage the colors used across your website. You can apply these colors to various site elements for consistency.

Default Palette Colors

The palette includes predefined colors that you can customize or replace with your own brand colors.

Applying Colors to Site Elements

Colors can be applied to specific elements to create a cohesive design. Below is a breakdown of how colors are applied:

Text

  1. Sets the default color for all body text.

Ensures readability and consistency across the site.

Background

  1. Defines the background color for sections or the entire site.
  2. Helps create visual hierarchy and contras

Link

  1. Sets the color for hyperlinks.
  2. Includes options for hover and active states.

Captions

  1. Defines the color for captions or supplementary text.
  2. Ensures captions are visually distinct from body text.

Button

  1. Sets the color for buttons, including text and background.
  2. Enhances the visibility of call-to-action (CTA) buttons.

Heading

  1. Defines the color for headings (H1, H2, H3, etc.).
  2. Helps create a clear visual hierarchy.
Was this article helpful to you? No Yes

How can we help?