Centering Title & Price + Reducing spacing

Solved
Highlighted
New Member
3 0 3

Hello,

I'd like to know how i could center my Product Title, Price and Variants options (with mobile in mind). 

Store: galaxifyit.myshopify.com

Password: test

 

Kind regards.

1 Like
Highlighted
Shopify Partner
7621 1049 2646

This is an accepted solution.

@amandasd 

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.scss.css->paste below code at the bottom of the file.

.featured-product__details.has-product-sticker.product__information { text-align: center;}
.collection_swatches .is-flex { justify-content: center;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
New Member
3 0 3

Thank you so much! It worked on my home page, but do you also know how to code it for the product page aswell.

 

Thank you again!!

1 Like
Highlighted
Shopify Partner
7621 1049 2646

This is an accepted solution.

@amandasd 

Thanks for update 

yes please, add this code also.

.product_section {text-align: center;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like