Hi everyone;
I’m using the Debut theme. I want to write a “Free Shipping” text under my product price on the Product Page and want to make it look like the “sale” icon but it didn’t make a change when I applied the CSS code :((
I created a tag like this, inserted under Product Price in Product-template.liquid
free shipping
Then I inspected the website, found the exact style of “sale” and applied it to the “free shipping” text, as shown in the image
Then I copied the code pasted it at the bottom of theme.css
Hitting save and I refreshed my website, nothing changed at all :((
Did I miss anything or doing something wrong here? How can I make it happen?
Please help;
Thank you all
@VuongTuanAnh - can you please share this particular page link?
also try by removing that word span in css file, clear cache from browser and check
Thank you @suyash1 . I tried to remove the word “span” but it still not working.
Here’s my website URL: https://pawcheap.myshopify.com/ (Password: mayflo)
@VuongTuanAnh - check your file , in that few lines above you have the text -
Reduce footer size
you need to remove that text and line or put it in comment like /* reduce footer size */
since it is not in comment, it is an error and hence not loading css after that… remove that line and text or put in comment and it will work
You made my day @suyash1 . Thank you so much, after I remove the text “reduce footer size”. It works perfectly! 
@suyash1 by the way, where can I copy the code to if I want the “free shipping” text on the same line as “sale” text?
@VuongTuanAnh - you will need to add it to pricing group to have it in same line… it will not be very easy hence first take backup of the current theme and work on it so live site is not affected, after everything is fine then you can make backup theme live
