Changing Colors

Introduction

Customizing colors in your WordPress site helps establish a unique brand identity and improve visual appeal. With Full-Site Editing (FSE), you can easily change colors globally or for specific elements using the Site Editor.

Changing Global Colors

To modify the colors across your entire website:

  1. Log in to your WordPress dashboard.
  2. Navigate to Appearance > Editor.
  3. Click on the Styles (paintbrush) icon in the top-right corner.
  4. Select Colors.
  5. Adjust the Background, Text, and Link colors as needed.
  6. Click Save to apply changes.

Changing Colors for Specific Blocks

If you want to change colors for specific elements:

  1. Open Appearance > Editor and navigate to the page or template you want to edit.
  2. Select the block you wish to customize (e.g., Heading, Button, or Paragraph).
  3. In the right sidebar, click on the Styles tab.
  4. Choose a color for text, background, or border.
  5. Click Save to update your changes.

Using Custom Color Palettes

You can define a custom color palette for your theme:

  1. Go to Appearance > Editor > Styles > Colors.
  2. Click Edit Palette.
  3. Add or remove colors to match your branding.
  4. Click Save to apply the new color scheme.
Was this page helpful?