Center Product on Add to Cart page

dawgminded
Explorer
54 0 18

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

Replies 5 (5)

KetanKumar
Shopify Partner
36839 3635 11972

@dawgminded 

sorry for that issue 

can you please show issue images?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dawgminded
Explorer
54 0 18

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

 

KetanKumar
Shopify Partner
36839 3635 11972

@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%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Kinjaldavra
Shopify Partner
2302 570 1422

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

 

LitExtension
Shopify Partner
4860 1001 1132

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

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify