How to center product price on collection pages Dawn theme

Store Design
1

Screenshot (107).png
Screenshot (107).png379×126 4.47 KB

As shown in the image, I managed to center the product and reviews, but the solutions I’ve tried for price does not work. Would appreciate any help.

Thanks

2

Hello @Antibiotics ,

Please share:

  • your store URL;
  • page URL with the issue you mention;
  • storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

3

@diego_ezfy

www.jewellerynest.com

on all the collection pages you will see this issue

4

@Antibiotics

Please add following css code your assets/component-price.css bottom of the file.

.price--on-sale .price__sale {
    display: block !important;
    text-align:center !important;
}

Thanks!

5

@dmwwebartisan Thank you so much