Text Highlight*

Solved
Highlighted
Tourist
10 0 1

This worked:

.title-module .rich__heading h4.size--28 {
text-decoration: none;
background: linear-gradient(180deg,rgba(255,255,255,0) 25%, #e6c2c2 70%)

 

Do you know how I could highlight only certain words out of heading, from the above css?

1 Like
Highlighted
Shopify Partner
1159 248 345

This is an accepted solution.

Hey there,

Thanks for accepting as solution.

 

If you want to highlight few words in a sentence then you need to do the following

 

<h4>Happiness starts with a smile. <span class="highlight">Brighten</span> yours anytime, <span class="highlight">anywhere.</span> </h4>

Above is just an example. I put an span with 2 words using highlight class. so only that 2 words will highlight in that heading.

highlight will be a css class in your style.scss.liquid file in your theme.

 

Hope this works!

 

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes