How can i center align the product information to center of the page on dawn theme

[Elay]

Hello,

How can i center align the product information to center of the page (and not top of the page) on dawn theme?

Thanks.

[BSSCommerce-HDL]

Hi @Elay, Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

[BSS-TekLabs]

Hello @Elay 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[Abdosamer]

Hi @Elay , if you are using Dawn theme , go to base.css file and add the following code at the end of it :

@media (min-width:1000px){

.product__info-wrapper {
    display: grid;
    align-items: center;
}
}

[Elay]

Thanks @Abdosamer but it's not working well, please see images attached:

[Abdosamer]

@Elay , can you share your store url , so I can better examine the problem?

[Elay]

@Abdosamer 

URL: https://countinghearts.com/products/front-heart-black-boxy-tee

Pass: Abc!123

[Abdosamer]

@Elay , Remove the previous code and add this instead :

@media (min-width:1000px){

.product__info-wrapper {
   margin-top:30rem; 
}
}

[Elay]

Works better now, Thanks!