FROM CACHE - en_header

How to center product price on collection pages Dawn theme

Solved
Antibiotics
Excursionist
14 0 3

Screenshot (107).png

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

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
10768 2345 3342

This is an accepted solution.

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 4 (4)
diego_ezfy
Shopify Partner
2791 526 714

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

Antibiotics
Excursionist
14 0 3

@diego_ezfy 

 

www.jewellerynest.com

on all the collection pages you will see this issue

dmwwebartisan
Shopify Partner
10768 2345 3342

This is an accepted solution.

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Antibiotics
Excursionist
14 0 3