Product price & strike through price align center - dawn theme

Store Design
1

Hi

Anyone can help. We would like to align the product price & strike-through price in the center like the product title.

Anyone can help with the code & location to place?

PP.png
PP.png1717×803 283 KB

2

Hii, @CentreStepIndia
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

3

Hi @CentreStepIndia ,

Please follow these steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > component-card.css and paste this at the bottom of the file:
.card-information__wrapper>.price{
	justify-content: center !important;
}

Hope it helps!

4

This does not work. I have tried it on my site at https://queenswalkincloset.com/

5

@PeterMantu

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > component-price.css and paste this at the bottom of the file:
.price--on-sale .price__sale {
    display: block !important;
    flex-direction: row;
    flex-wrap: wrap;
}

Thanks!

6

This worked! Thank you so much @dmwwebartisan

7

How do I center align variant, price & strikethrough on product page? See example at here