How to change the color of specific part of section heading?

I want to change the colour of part of the section heading, In the Below pic Section Heading is “Our Blogs” want to change the colour of the “Blogs” text to Red and “Our” Should remain in black (Want to make it look like second picture). Any Solution For that?

1 Like

This is generally done by wrapping the specific word in a span element

Hi @hitericis

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

But how do implement HTML tags in the Shopify text box, Shopify is not permitting any such tag via its front-end text boxes, and we not able to do that in backend as well, but those heading text were not hard-coded in backend

https://d6511f-4.myshopify.com/

1 Like

Thanks for the info, the solution I can think is using the pseudo class : after.

Just remove the “Blogs” on the the title. And we can put some new word. Like this.

This is the code I used.

.blog__title:after {
    content: 'Blogs';
    color: red;
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

I Implemented that solution, and it solves that issue on run time, but Shopify is not allowing to save it with that piece of code