How can I fix spacing and photo size issues in my online store?

[Luxrylilly24]

hi, i have problem of spacing b/w media photos and title+description side & my first photo is too small ?

Please help me !

[Abdosamer]

Hi @Luxrylilly24 , can you share your store url?

[Luxrylilly24]

sure,

https://luxrylilly.com/products/baby-bath-shower-track-bathing-toy-for-kids

[Moeed]

Hey @Luxrylilly24

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Abdosamer]

@Luxrylilly24 , go to section-main-product.css and add the following code :

.product--medium:not(.product--no-media) .product__media-wrapper, .product--small:not(.product--no-media) .product__info-wrapper {
    max-width: 50% !important;
    width: calc(74% - var(--grid-desktop-horizontal-spacing) / 2);
}

Result:

[Luxrylilly24]

still spacing is same !

how can do first image in big size and others remains as thumbnails ?

[Abdosamer]

@Luxrylilly24 , try to add this code :

.product--medium:not(.product--no-media) .product__media-wrapper {
    max-width: 50% !important;
}

[Abdosamer]

@Luxrylilly24 , can you please put the code below this last bracket so the code work correctly: