- This topic has 5 replies, 3 voices, and was last updated 2 years, 12 months ago by
.
-
Posts
-
Dear Team,
I am wondering if there is a easy way to understand how the yellow text underlines has been done via CSS?
I am looking for a permanent text underline like on the page, not on hover.
Thanks,
JuliaCustomer Support
Hi Julia,
It’s using this CSS:
.gb-highlight { text-decoration: underline; text-decoration-color: #FFD60E; }It’s a GB headline block, and the word is selected as the highlight, so GB will add this
gb-highlightclass to the word.
https://www.screencast.com/t/fK0wDCkCyHDear Ying,
you are the best. Thanks
Is there also a way to do that with the Generatepress Toolset?
1. I don’t want to install Gutenberg as extra Plugin
2. I don’t want to loose the flexibility of the Generatepress headlines.What do you think?
Best,
JuliaCan you show me the headlines that you want to apply this effect to so I can check if it’s possible?
Hi Ying,
of course.
Take the one from the main site:https://www.ihrcoachinginstitut.de/
<h1> Lassen sie sich von den besten inspirieren – Coaching Frankfurt
I want to highlight the word “besten” with an underline without a link
Best,
JuliaCustomer Support
Hi there,
i checked that page, and you’re using the GB Headline block for the H1. And that is the best method to use with Yings CSS.
If you wanted the themes H1 heading to appear like that, then that is not possible.
- You must be logged in to reply to this topic.
