Debut Theme - Center product title and price under image

Store Design
1

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

2

@Mt9961

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

Thanks!

3

Hello @Mt9961

Please share your store URL and screenshot so I check issue

4

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

1 - correct alignment.jpg
1 - correct alignment.jpg732×782 31.7 KB

2 - incorrect alignment.jpg
2 - incorrect alignment.jpg1366×768 60.7 KB

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

password: detreu

5

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;
}
}
6

Thank you for your response however this did not work :disappointed_face:

7

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;
}
2 Likes
8

perfect thank you very much!