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

KetanKumar
Shopify Partner
22475 2277 8364

@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
0 Likes
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

 

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
KetanKumar
Shopify Partner
22475 2277 8364

@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
0 Likes
Natztech
Shopify Partner
1891 492 1172

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

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes