Solved

How do i center my shopify products image?

MerlijnMol
Visitor
2 0 0

MerlijnMol_0-1705239658825.png

so how do i center my product image and text because now it leans heavy on the left ?

i edited a picture on how i want it

test.png



Accepted Solution (1)

PageFly-Henry
Astronaut
775 207 182

This is an accepted solution.

Hi @MerlijnMol 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

.product__info-wrapper.grid__item.product__info-wrapper--extra-padding.scroll-trigger.animate--slide-in,

.grid__item.product__media-wrapper {

    padding-left: 10vw !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

sakinur-rahman
Shopify Partner
117 15 19

Please send me your store url here or on my inbox

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications -

Your Coffee Tip and my code, A perfect blend. ❤️ Buy Me A Coffee


Website: HelloSakin.com
MerlijnMol
Visitor
2 0 0

PageFly-Henry
Astronaut
775 207 182

This is an accepted solution.

Hi @MerlijnMol 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

.product__info-wrapper.grid__item.product__info-wrapper--extra-padding.scroll-trigger.animate--slide-in,

.grid__item.product__media-wrapper {

    padding-left: 10vw !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.