sale badge roundness

Store Design
, , , , ,

Topic summary

A user wanted to customize their sale badge styling by adjusting the border radius to 4px and modifying padding on both product grid and product pages.

Initial Request:

  • Change sale badge roundness to 4px
  • Adjust horizontal and vertical padding
  • Apply changes across product grid and product page
  • Screenshots provided showing current badge appearance

Solution Process:

  • User shared store URL and password for troubleshooting
  • Initial CSS code snippet was provided to be added in password.liquid file
  • First attempt failed to work
  • Correction made: code should be placed in theme.liquid file instead, above the </body> tag

Resolution:
The corrected solution worked successfully. The CSS customization involved adding styling code to the theme file to control the badge’s border-radius and padding properties.

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

Hello

I would like to change the roundness of my sale badge to 4px

on the product grid and product page.

maybe so i can also adjust the padding side to side and top to bottom

here the screenshots

Bildschirmfoto 2025-01-21 um 16.01.41.png
Bildschirmfoto 2025-01-21 um 16.01.41.png1744×1518 169 KB

Bildschirmfoto 2025-01-21 um 16.03.10.png
Bildschirmfoto 2025-01-21 um 16.03.10.png3428×976 331 KB

1 Like
2

Hi @LeandroS

Please, share your store URL and password. Thanks!

3

www.gogghi.ch

password: GOGGHI10NEWWEBSITE2025

1 Like
4

Hey @LeandroS

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find password.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1737473193917.png
Moeed_0-1737473193917.png948×710 286 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
5

hi

thanks for the reply!

unfortunately its not working..

1 Like
6

ah my bad, you’re supposed to add it in theme.liquid not password.liquid.

Best Regards,

Moeed

1 Like
7

thanks worked perfectly!

1 Like
8

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like