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 <span> tag like this, inserted under Product Price in Product-template.liquid
<span class="freeshipping">free shipping</span>
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?
Thank you all
Solved! Go to the solution
@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
This is an accepted solution.
@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
@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