What are you looking for?

Get help straight from our team...

Moses Lake: Adjust Theme Colors

Customize color variables using Additional CSS in the theme editor.

Updated 1 week ago

TL;DR

1
Open Appearance Editor
Navigate to Appearance and click Editor.
2
Select Additional CSS
Click Styles and then Additional CSS in the Editor.
3
Modify Color Variables
Insert hex codes to adjust color variables.
4
Review and Save
Click Review Changes and then Save.

Let's Do It Together!

Step 1: Access the Editor

  1. Navigate to Appearance in the dashboard.

  2. Click on Editor.

Snapshot

Step 2: Add Custom CSS

  1. In the Editor, click the Styles button.

  2. Select Additional CSS.

  3. Insert your custom CSS code into the provided area.

Your custom CSS will now load on every page.

Snapshot

Step 3: Adjust Color Variables

  1. Modify the color variables by adding hex code numbers.

  2. This will override the existing color settings throughout the site.

Snapshot

Step 4: Review and Save Changes

  1. Click on Review Changes after making your adjustments.

  2. Then click Save to apply the changes.

After saving, you can view the full site to see your adjustments.

Snapshot

Troubleshooting

Custom CSS not updating
Clear your browser cache and refresh the site.

FAQ

Can I revert changes?
Yes, you can remove the custom CSS to revert back.