WordPress full site editing: Detailed guide to changing website styles with FSE

Within the “Colours” section of the styles panel, you’ll find two distinct areas: “Palette” and “Colour.” The Palette section is divided further into “Solid” and “Gradient” tabs. Under the Solid tab, you have the option to adjust the theme colours, impacting the overall palette of your website. The “Default” setting allows for the modification of blocks that come with their colour settings, though this feature’s availability varies by theme. For a more personalized touch, the “Custom” option lets you add your colours using the “+” button and a colour picker tool.

The Gradient tab offers a similar set of options but focuses on creating blends of two or more colours. You can choose from theme-based gradients, which utilize your theme’s solid colours, or default gradients for customizing specific blocks. The “Duotone” option presents preset image filters, which are for viewing purposes and cannot be edited here. To create custom gradients, click the “+” button and select either a linear or radial type, then customize the direction with the angle slider and add additional colours as desired.

For element-specific colourings, such as text, background, links, captions, buttons, or headings, simply click on the respective option and choose from solid or gradient colours. The preview section is available for real-time fine-tuning, ensuring that each element matches your desired aesthetic perfectly.