Archived topic

GB: How to use an image as the text-colour?

1 reply · Started by Sascha on September 1, 2022

Viewing posts 1–2 of 2

September 1, 2022 at 2:30 am #2330253

Hey there,

please, allow me to handle this request here, since I use both GPP & GBP and would like to keep all my support tickets here.

For a headline, I'd like to use an image or SVG-pattern instead of the text-colour, please find an example on this screenshot.

How can I achieve this effect using GB or GBP?

Thank you in advance and kind regards,
Sascha

September 1, 2022 at 3:24 am #2330314

Hi there,

its just CSS.
For example:

.has-clipped-image {
    background-image: url(the_full_url_to_the_image);
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

Then select the block containing the text and give it an Advanced > Additional CSS Class of: has-clipped-image

This archived topic is closed to new replies.

Start building better websites today.