[Support request] GB: How to use an image as the text-colour?

[Sascha]

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

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts