SALE BADGE ON RIGHT SIDE PRESTIGE THEME

Store Design

Topic summary

A user seeks help moving the sale badge to the right side on the Prestige theme for their Shopify store (45keys.com).

Solutions Proposed:

  • Liquid_xPert_SJ suggests adding CSS code to theme.css in the assets folder to reposition the badge using position: absolute and right: 10px properties.

  • ZestardTech provides similar CSS targeting .badge-list with positioning adjustments, recommending placement at the bottom of theme.css.

Current Status:

The issue remains unresolved. The original poster reports the suggested code didn’t work after implementation. Liquid_xPert_SJ requests clarification on whether the code was actually added to the correct file, as they cannot see it in place. The most recent suggestion involves placing code before the </body> tag in theme.liquid file, possibly to address caching issues.

The discussion appears ongoing with troubleshooting in progress.

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

Hello,

can anyone help me I want to have the sale badge on right side prestige theme

www.45keys.com

MS2333_0-1721848200016.png
MS2333_0-1721848200016.png1268×662 143 KB

1 Like
2

@MS2333

please add below code into your theme file called theme.css in the assets folder and hopefully it will fix.

.product-card__figure .badge-list {
	position: relative ;
	top: 0;
}
.product-card__figure .badge-list .badge--on-sale {
	position: absolute;
	right: 10px;
	top: 0;
}

2024-07-25 09_50_21-Window.png
2024-07-25 09_50_21-Window.png1333×578 162 KB

Thanks

3

Hi @MS2333

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
badge-list.badge-list.badge-list--vertical {
position: absolute;
top: 0;
}
.bss_pl_img {
position: absolute;
right: 30px;
top: 0;
bottom: 0;
left: 50%;
}

ZestardTech_0-1721890044816.png
ZestardTech_0-1721890044816.png1908×530 93 KB

4

hey, I implemt your code but unfortunaly that didn´t work

5

@MS2333

can you please put that again because i dont see any code in the file which i mentioned?

6

now ?

7

@MS2333

Can you please put this code into your theme.liquid file before the tag close i guess there will be some cache issue.