Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account

Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Customized highlight for headline

Pedro Reyes
April 2, 2024 at 1:04 pm

Hello,

Is it possible to create a custom highlight (with gradient) for a GenerateBlocks headline element?

Something like this is what I’m looking to do: https://take.ms/7YKex
Ying
April 2, 2024 at 1:28 pm
You can select the word in your sentence, and click the highlight with the highlighter icon (not the water drop icon), then add this CSS:
```
mark.gb-highlight {
    background: linear-gradient(120deg, #caeaff 0, #f9dcff 100%);
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: 0 100%;
}
```
Additionally you can set different text color in the colors panel > highlight, otherwise, leave the field blank.
Pedro Reyes
April 4, 2024 at 6:43 am

Hello Ying,

That worked very well. Thank you very much!
Ying
April 4, 2024 at 1:13 pm

You are welcome 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.