Debut theme: Centering price on product collection page

Store Design
1

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
Joegr7_0-1629172817960.png1842×814 95.5 KB

1 Like
2

@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
suyash1_0-1629173722435.png1366×768 77.3 KB

3

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

4

@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