Select and style the first letter of a paragraph in Shopify

Sell Online With Shopify
Trusted by millions of businesses worldwide
Start your Shopify 14-day free trial and save up to 25% on Shopify when you sign up for an annual, 2-year, or 3-year plan.

Today, I will guide everyone select and style the first letter of a paragraph in Shopify (blog content, page, product description,..).

first letter

We need to combine Shopify liquid code with Javascript code to do this.

Firts, We need get first word in this paragraph. It’s easy with Shopify liquid.

Next, We will add class for this word. Still will be Shopify liquid.

Next, We will change the new word into this paragraph.

Finished the code with Shopify. Next, We will use Javascript code.

Now, with Class you added into this word and this first letter you can edit CSS code for them.

Done! Good luck

You may also like...

1 Response

  1. Kris says:

    Hi, where should I put these liquid codes? thanks

Leave a Reply

Your email address will not be published.