Centering Help on Product Page

Solved
abbietyler
Tourist
7 0 1

Hello!

I have two questions on centering objects on the product page. My site is abbieleighdesigns.com

1. How do I center the social icons on the product page?

Screen Shot 2021-01-17 at 5.41.25 PM.png

2. How do I center the reviews and the price in the  "You May Also Like" part of my product page?

Screen Shot 2021-01-17 at 5.43.26 PM.png

0 Likes

This is an accepted solution.

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid

#ProductSection-product-template ul.social-sharing {
    justify-content: center;
}
.product-recommendations__inner .jdgm-widget.jdgm-preview-badge {
    text-align: center;
}
.product-recommendations__inner dl.price.price--listing {
    align-items: center;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
abbietyler
Tourist
7 0 1

This worked absolutely perfectly! Thank you so much for your help and quick reply!!

0 Likes