Product title and price needs to be centered.

Highlighted
Tourist
5 0 1

Screenshot 2020-08-06 at 07.29.57.pngScreenshot 2020-08-06 at 07.36.39.pngScreenshot_20200806_071307.jpg

 

Hey, I’ve had a weird issue going on where my price and product title would be centered on when editing things in my theme but when I previewed it and went to the site it wasn’t centered anymore.

 

And it looks fine for mobile but not desktop.

 

This is the code that was given to me that worked but stopped for some reason:

 

.product-single__title {

    margin-bottom: 0.5rem;

    text-align: center;

}

 

.product__price, .featured-product__price {

    font-size: 1.25em;

    margin: 0 auto;

    justify-content: center;

    display: table;

}

 

.product-form__item--no-variants {

    max-width: 400px;

    margin: 0 auto;

}

 

On the first screenshot you’ll see it being centered when editing it.

 

On the second screenshot you’ll see it not being centered when on the page and previewing it.

 

On the third screenshot you’ll see it being centered on mobile too.

 

I’d just like to have my product title and my price in the centre of the add to cart option on desktop too.

 

This Is my website:

https://wealthiestfortune.myshopify.com/collections/ig-secrets-1/products/ig-secrets

 

Please help anybody if possible (:

0 Likes
Highlighted
Shopify Expert
3677 550 888

Hi @wealpie 

You title and price already in center of parent div as you can see in image:

but if you want to move it to right side then you have to adjust margin, so add this css and adjust as you want.

.template-product .product-single__title{element.style {    margin-right: 20%;}
.template-product .product__price{    margin-right: 40%;}

Capture.PNG 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
5 0 1

Hey, thanks for the response I'm really new to this unfortunately where would I add the code? would i add it in the theme.css?

0 Likes
Highlighted
Shopify Expert
3677 550 888

Yes add in theme.scss file at bottom. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes