Image Text

How to clip an image to text

To clip an image to text, you will need to use a custom class. The steps below will guide you through the process.

1. Apply a custom class to the text element you wish to clip an image to and then open it in the Class Editor.

2. Now from the Class Editor options, navigate to the text tab and clear the text color for the class by simply clicking the text color well to open the colour selection popover and then letting it close without making changes, this will set the CSS color rule value to transparent.

3. From the Class Editor options, navigate to the background tab and drag an image to the image well in the Class Editor to apply a background image to the class.

4. Finally, set the background clip dropdown option to text.

Updated on 6th April 2021

Was this article helpful?

Related Articles