Debut Theme - Center product title and price under image

[Mt9961]

Hello, 

Please can someone advice me on how i can center the product title and price so it sits in the middle, under the product image and not to the left as is currently. Thank you

[dmwwebartisan]

@Mt9961 

Please share your store URL & screenshot what do you want.

Thanks!

[Kinjaldavra]

Hello @Mt9961 

Please share your store URL and  screenshot  so I check issue

[Mt9961]

so i managed to find a solution for picture 1 where the product name and price is centered underneath the product image on the product page

however on picture 2 when clicking on the product, the heading and price is still aligned to the left. is it possible for it all to be aligned to the centre? Thank you

https://bow-and-miller-interiors.myshopify.com/

password: detreu

[Kinjaldavra]

hello @Mt9961 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 776px) {
.product-form product-form-product-template{
     max-width: 100%;
}
.product-form__controls-group.product-form__controls-group--submit {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.product__price .price {
     -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.product-single__meta {
   text-align: center;
}
}
  

[Mt9961]

Thank you for your response however this did not work 😞

[Kinjaldavra · Accepted solution]

hello @Mt9961 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.product-form.product-form-product-template.product-form--payment-button-no-variants{
        margin: 0px  auto;
}

[Mt9961]

perfect thank you very much!