I want to changes sales badge size on product page only

Store Design
, , , , , ,

Topic summary

A user seeks to modify the sales badge size specifically on product pages of their Shopify store.

Proposed Solution:

  • Add custom CSS code to the theme.liquid file, positioned above the </head> tag
  • Access via: Online Stores > Themes > More Actions > Edit code
  • The code should target product page templates only using conditional logic
  • Badge size can be reduced by adjusting values (setting to 0 will hide it completely)

Current Status:
The response provides step-by-step instructions with a code snippet, though the actual CSS code appears corrupted or improperly formatted in the thread. The solution remains unconfirmed by the original poster.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

I want to changes sales badge size on product page only.

Here is my website link: www.swayur.com

2

Hi @swayurindia

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the 

{% if template contains 'product' %}

{% endif %}

If you want to decrease the size you can set it to 0

PageFlyRichard_1-1703038994081.png
PageFlyRichard_1-1703038994081.png1438×953 170 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly