How can I center my product title and price text on collection pages?

How can I center my product title and price text on collection pages?

IR01
Tourist
6 0 1

Hi

 

How do I centre both my product listing title and the cost? Under the images on collection pages both the product title and the price is aligning to the left but I want it to be centred. My URL is Urlajewellery.com.

 

I also want the product pricing to not be in bold and unsure how to do this?

 

Thanks!

Replies 2 (2)

PageFly-Henry
Shopify Partner
1184 335 291

Hi @IR01 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save


.card__heading.h5, price.price--sold-out {

    text-align: center !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

IR01
Tourist
6 0 1

Thank you! that has worked for the product title but the product price is still aligned to the left, what code do I  need to add to align the product price central?