Debut theme: Centering price on product collection page

Solved
Joegr7
Excursionist
26 0 5

Hi Community, I need to centre the price of the item on sale on the product collection or catalogue page. See below and kindly help me, Thanks

URL: www.thegiftcompany.com.au

Joegr7_0-1629172817960.png

 

suyash1
Shopify Partner
3527 391 570

This is an accepted solution.

@Joegr7 - please add this css to the very end of your theme.css file and check , should look like screenshot given below

.price--on-sale .price__sale{justify-content:center;}

.price--on-sale .price__badge--sale{justify-content:center;}

 

suyash1_0-1629173722435.png

 

Need training? I can train you to learn shopify.

You are welcome to contact me, my email - suyash.patankar@gmail.com
0 Likes
dmwwebartisan
Shopify Partner
9289 2151 2928

This is an accepted solution.

@Joegr7 

Please add the following code at the bottom of your assets/theme.css file.

.price--on-sale .price__sale{
justify-content: center;
}

Hope this works.

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 →
0 Likes
etetava24
Excursionist
13 1 7

@dmwwebartisan could you help me with this also ? My pricing is still to the left while my product name is centred . Code below won't work 

 

 

0 Likes