Filters Settings overview

Use the filter settings to change image appearance with a duotone overlay.

To apply a filter to an image, add a block containing an image — some examples are the Image Block or the Cover Block.

Refer to this article for detailed instructions on adding blocks.

Using filters

While using a block with image, you can go to the Style tab and select a filter.

Example of selected duotone filter

The filter options provide several duotone preset to choose from. Alternatively, you can set the color for shadows and highlights yourself by clicking the color bar.

Adding to Global Styles

It is also possible to add filters to Global Styles — you can see more about that on the Styles Overview page.

When selecting a block containing an image on Global Styles, you have the option to apply a specific filter by default on all existing and new images.

Example of adding a duotone filter on the Global Styles

Reset options

While using the filter, you also have the option to revert whatever you want — this allow you to try and revert to experiement the image in different ways. To do so, click the Filters options button and select Reset all.

Example of clicking on "Reset all" for a duotone filter

Supported blocks

The filter is currently avaliable in the following blocks:

Changelog

  • Updated 2023-08-24
    • Moved the category to Block Editor
    • Edited some text
  • Created 2023-08-09

Was this article helpful? How could it be improved?

First published

Last updated