How can I center a product on the Add to Cart page?

Store Design
1

Hello, I need help with removing all of the product pictures except the 1 cover picture I chose for the product page from the Add to Cart page and also centering the product and the ‘add to cart’ info to the middle of the page. Thank you for any help with this

The URL is: https://dawgminded.myshopify.com/

password is: audio

1 Like
2

@dawgminded

sorry for that issue

can you please show issue images?

3

This screenshot is on the page after selecting the product from the Shop page where you can add it to the cart. Thank you!

screenshot.jpg
screenshot.jpg482×861 44.3 KB

1 Like
4

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > theme.css and paste this at the bottom of the file:
    .product-single__title,
    .product__price{
    text-align: center;
    }
5

@dawgminded

thank for more about clear

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
#ProductSection-product-template {
    max-width: 640px;
    text-align: center;
}
.product-template__container .grid__item {
    margin-left: 0;
    width: 100%;
}
6

hello @dawgminded

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

@media screen and (min-width: 729px) {
#ProductSection-product-template {
    max-width: 640px;
    text-align: center;
}
.product-template__container .grid__item {
    margin-left: 0;
    width: 100%;
}
}