Colors
The Colors section controls backgrounds, text, links, and heading colors. Find it at Appearance → Customize → Colors.
Background colors
| Setting | Default | Description |
|---|---|---|
| Body background | #f7f8f9 | The outer page background (visible around the content container when using the Separate Containers layout). |
| Content background | #ffffff | Background of the main content area (article, sidebar, header). |
| Widget background | #ffffff | Background of sidebar widget areas. |
Text and link colors
| Setting | Default | Description |
|---|---|---|
| Body text | #181818 | Default color for paragraphs and most text. |
| Links | #1e73be | Color of hyperlinks. |
| Link hover | #1e73be | Color of hyperlinks on hover. |
Heading colors
Each heading level (H1–H6) has its own color picker. All default to #181818. You can set them all to the same color or give each level a distinct shade.
Button colors
Button colors are in a separate section: Buttons & Inputs (requires a license). See the Buttons & Inputs article for details.
Header and menu colors
Header background and menu item colors are in the Header & Logo and Menu Settings sections. See those articles for details.
Text selection highlight
Two additional color settings control how selected text appears in the browser:
- Selection text color — default
#FFFFFF - Selection background color — default
#0094FF
These appear in the Colors section and apply globally via ::selection CSS.
All color pickers support alpha transparency — click the color swatch and use the opacity slider to set semi-transparent values.