Hey,
Is there a way to reduce the size of the Sale Badge on collection pages for both desktop and mobile views? I’ve tried searching for a solution but seems like no one has come up with one in the forums.
url to my site:
https://bellevodesign.com/collections/bedding-sets
Example of the badge:
Desired end result:
Hey @bellevo ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
In padding the format is 'top/bottom left/right" so 5px top/bottom and 5px left/right. Same for 4px 4px.
Also, the 5px 5px padding, and 10px font size is for desktop, 4px 4px padding, 9px font-size is for mobile. Change these values as you like to fit your needs.
Screenshot is for reference only, the correct code to paste is the one shown above.
Hello,
I am San from MS Web Designer.
Here is the solution:
Go to Themes > Edit code > Theme.liquid > at the bottom place this code before
Do let know in case of any concerns.
Regards,
San
Worked perfectly, thank you!