How can I change the text that appears on product previews? (specifically the free shipping message)

We are currently going through our website and making small style changes to make it feel more current and updated. One of the things we want to edit is how the message “This item ships FREE” appears below a product preview, but I can’t find where this information would be located. It may be helpful to know that we use a custom theme.

Any help would be greatly appreciated!

For visual changes to the text, you need to make manual changes to assets/custom2.css, that is where the css snippets are added.

The .css selector for the Free shipping class is:

.grid-link__title.freeShip

Hi! Thanks for your response. It looks like that helps me alter the color, but we’d really like to change the actual wording and apologies if that wasn’t conveyed in my initial post.

2 Likes

Hi there @hannaifd ,

If you want to change text, you need to edit it in your HTML file, not in CSS. Anyways, share your store URL so I may be able to check where the code for this text is located in your theme.

Sure, our website is industrialfansdirect.com

Hi again @hannaifd ,

You can do this by following the steps

  1. Go to templates folder > template-collection.liquid

  2. Search for div element with class “grid-uniform” (You can use CTRL + F)

  3. Then scroll down and find P tag with class “grid-link__title”

  4. You’ll be able to see the text there.

If you need my help implementing this, let me know.