How can I center my product descriptions on my website?

[ateebkhan17]

I cannot seem to find out how to center my product descriptions. The descriptions are either going left or right and I would like it to go in the middle under my product image. website: https://elanhealthcare.ca/.

Thank you

 

[KetanKumar]

@ateebkhan17 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme--async.css ->paste below code at the bottom of the file.

.product-page--description {text-align: center;}

[made4Uo]

Hi @ateebkhan17 ,

You product page is using a grid layout. You might have to reconstruct your grid areas. You have three columns showing below. 

@media only screen and (min-width: 1280px)
.product-page--main-content {
    grid-template-columns: minmax(25%,25%) minmax(50%,50%) minmax(25%,25%);
}

Anyway, to bring the product description to the middle. You just have to change the grid areas of the product description but this could misplace other items in your product page. Just add the code below in the theme--async.css under the Asset folder

@media only screen and (min-width: 1280px) {
.product-page--description {
    grid-row: span 1 !important;
    grid-column: 2 !important;
}
}

[ateebkhan17]

Thank you so much, that worked for the text, but like you said the rest of the things are a mess.

Any idea how to make this go under the paragraph, i have tried a lot of CSS code but it is not moving at all. 

As well as those small alternate images going on the left side, please.

thank you appreciate it @made4Uo 

[made4Uo]

Hi @ateebkhan17 ,

Can you provide me an image to where you want things are? So I can  make adjustments on your grid

[ateebkhan17]

Hi @made4Uo ,

Sorry for the late reply I just saw this. The sub images I want them on the right side of my main picture.

As well as my reviews are not being centered and are still on the right column side I would like them under my description. These edits would be appreciated.