We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to put product name and prices on the center on product page

Solved

How to put product name and prices on the center on product page

VisarK
Trailblazer
201 0 41

Hello everyone hope you all doing good.I need a help about the products name and prices are to much on the left side i want to put on the center.Its on featured collection  " You may also like" on product page 

Screenshot_20240531_144244_Chrome.jpg

Accepted Solution (1)

Vinsinfo
Shopify Partner
491 167 173

This is an accepted solution.

@VisarK Please follow the below steps to center the product title and prices. Let me know whether it is helpful for you.

 
1. Go to "Online Store" -> "Themes".
2. Click "Customize" button from the current theme.
3. Go to product page and try to locate the "Related products" section below the "Product information" section like in the below attached screenshot.
Vinsinfo_0-1717164159020.png

 

4. Click the "Related products" section to edit and locate "Custom CSS" field and paste the below CSS code like in the below attached screenshot.

 

.card__heading a.full-unstyled-link {
    text-align: center !important;
}
.card-information {
    text-align: center !important;
}

 

Vinsinfo_2-1717164511384.png

 


 

5. Then the final output will be like,
Vinsinfo_3-1717164533071.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 2 (2)

Vinsinfo
Shopify Partner
491 167 173

This is an accepted solution.

@VisarK Please follow the below steps to center the product title and prices. Let me know whether it is helpful for you.

 
1. Go to "Online Store" -> "Themes".
2. Click "Customize" button from the current theme.
3. Go to product page and try to locate the "Related products" section below the "Product information" section like in the below attached screenshot.
Vinsinfo_0-1717164159020.png

 

4. Click the "Related products" section to edit and locate "Custom CSS" field and paste the below CSS code like in the below attached screenshot.

 

.card__heading a.full-unstyled-link {
    text-align: center !important;
}
.card-information {
    text-align: center !important;
}

 

Vinsinfo_2-1717164511384.png

 


 

5. Then the final output will be like,
Vinsinfo_3-1717164533071.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
VisarK
Trailblazer
201 0 41

Thanks a lot @Vinsinfo  it works