Product images problem

Solved
Ninthony
Shopify Partner
2239 337 895

Ok I added a max width to your product wrapper. You can find the style in your style.css file in your assets folder if you scroll to the very bottom. I set it at 1000px, just change it to whatever you'd like. Just preview the Ninthony Editing theme. Then if it looks good to you, publish whenever.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
dmwwebartisan
Shopify Partner
9197 2131 2900

This is an accepted solution.

@Nickahola 

- Step 1: Go to Online store > Themes > Actions > Edit code.

- Step 2: Go to Assets > style.css and paste this at the bottom of the file.

@media only screen and (min-width:768px){
.product-photo-container>a {
    position: relative;
    display: block;
    width: 50% !important;
    margin: 0 auto;
}


.owl-carousel .owl-stage {
    max-width: 385px !important;
    width: 100% !important;
    margin: 0 auto;
}

}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Nickahola
Excursionist
34 1 7

Thanks! It looks better already. That's a great help. I would never have figured it out!

Does this now apply to every product I have/will have in my store?

 

0 Likes
Nickahola
Excursionist
34 1 7

Thanks! Does this fix the height too?

Do I still need this code now Ninthony has fixed the width?

0 Likes
dmwwebartisan
Shopify Partner
9197 2131 2900

@Nickahola 

Please add provided css by me i will check again

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Nickahola
Excursionist
34 1 7

Hello. I have added your code and publushed the draft, it looks to me like it has fixed the problem. Thanks!

So this will apply to all products I upload in the future?

If I want to change the size at all, which values do I change in the code you provided?

Thank you again

0 Likes
Ninthony
Shopify Partner
2239 337 895

This is an accepted solution.

For myself, if you want to change the width of the container at all you just have to change the max-width property for the product-wrapper class in your style.css file toward the bottom of the file.

.product-wrapper {
  max-width: 1000px;
}


You'll just change the pixel value to be whatever you want. I can't speak on @dmwwebartisan 's edits

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
Nickahola
Excursionist
34 1 7

Thank you! It looks a lot better now than it did.

I will await the answer to the other piece of code too. Thanks!

Ninthony
Shopify Partner
2239 337 895

No problem, glad it helped.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D