Center price product title reviews and color options

Solved
Calmby
Tourist
17 0 3

Hi i need help with the subject that are above

0 Likes
Pallavi
Shopify Expert
2190 356 468

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
AakashInfoTech
Shopify Partner
98 15 28

Hey, hope you well?

Kindly please share your store URL and password if password protected.

Thank you

0 Likes
Calmby
Tourist
17 0 3

2021-06-30 (1).png

I sent the screen shoot.  I want the Product title,  Reviews starts, Price, and color options to be centered!

Calmby
Tourist
17 0 3

Store URL: www.sinkfriends.se 

 

Password: pohsip

 

I want to center it on mobile

Pallavi
Shopify Expert
2190 356 468

Hello @Calmby 

Please share me store url.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Calmby
Tourist
17 0 3

Store URL: www.sinkfriends.se

 

Password: pohsip

 

I want it to be centered on mobile device 

0 Likes
Calmby
Tourist
17 0 3

2021-06-30 (2).png

I also need  help to get the header on mobile option transparent if that is possible?  Thanks!

0 Likes
Pallavi
Shopify Expert
2190 356 468

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.product-single__meta {
text-align: center!important;
}
.price-container.text-money.text-large.spacer-bottom.flex.align-center {
text-align: center!important;
justify-content: center!important;
}
.dbtfy.dbtfy-color_swatches {
justify-content: center!important;
display: flex!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Calmby
Tourist
17 0 3

It almost got perfect!  I just need the title to get even more centered if that is possible.  look on picture

2021-06-30 (3).png