Center Product Title and Price Under Product Image in Collections

Solved
Jackie_Morales
Tourist
6 0 1

Hi, I wanted to know if anyone would be able to help me. I've been looking through the thread and tried all the recommended codes, but to no avail. I am trying to get the product title and price centered. The closest I got was the one with red underlining.

Here is the link to the website: https://monkpunk.com/

Thank you in advance.
Screenshot (77).pngScreenshot (78)_LI.jpg

0 Likes
suyash1
Shopify Partner
3007 328 503

@Jackie_Morales - add this to the very end of theme.scss file and check

dl.price {width: 100%;}
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
Jackie_Morales
Tourist
6 0 1

it worked, thank you so much!

suyash1
Shopify Partner
3007 328 503

@Jackie_Morales - welcome

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
Emmalouise
Tourist
4 0 1

this code worked but it also centered the price on the product page which i do not want, can someone help me?

0 Likes
Ljkeos
Excursionist
26 0 10

This was on page one of the thread--add this:

.template-product dl.price{align-items: flex-start;}

0 Likes