So I’m having an issue with the placement of the “Sale” badge next to the product price. At the moment it looks like this: [Screenshot 2024-09-02 190801.png] It’s way too close to the product price and is not aligned with the product price, instead I would like it to look like this: [Screensho…

Please, repaste for the code below. .price>* { display: inline-block; vertical-align: middle !important; } .product .price .badge, .product .price__container { margin-bottom: 0 !important; margin-right: 10px; } And Save. Please don’t forget to Like and Mark Solution to the post th…

Thanks for the info, check this one. From you Admin page, go to Online Store > Themes Select the theme you want to edit Under the Asset folder, open the main.css(base.css, style.css or theme.css) Then place the code below at the very bottom of the file. .price>* { display: inline-block; …

You absolute legend, thank you so much. I copy pasted it into the base.css file under the assets tab, now it further away from the product price but for some reason it’s still pretty far up. Any ideas? [Screenshot 2024-09-02 194255.png] [Screenshot 2024-09-02 194322.png]

Amazing, much love to you man thanks. I sent you a little coffee tip on paypal :slightly_smiling_face:

Thank you, and you’re welcome!

Changing placement of sale badge next to product price (compare-at-price)

Shopify Discussion

Made4uo-Ribe September 2, 2024, 5:21pm 2

Hi @ecorushmotors

Would you mind sharing your store URL? Thanks!

Topic		Replies	Views
How can I center align the sale badge on product pages? Store Design css , product-page	3	49	December 1, 2023
How can I change the sales badge location in the Dawn theme? Store Design	15	132	August 7, 2022
Make the sale badge centre of the price Store Design design , css , shopify-themes , product-page	2	39	May 27, 2024
I want to move price badge sale top of the Title Store Design product-page	3	33	July 31, 2023
How can I rearrange price and sale badge positions on my site? Store Design product-page	4	35	July 18, 2023

Changing placement of sale badge next to product price (compare-at-price)

Related topics