Adjust Product Image Limits

[martujv]

Hello!

Basically I want to adjust the limits of the product images on the product page on desktop only.

Right now it’s reaching around 60% of the screen, starting from the left.

I would like the limit to be at 50% of the screen so it would look symmetrical.

I attach 2 images so it’s easier to see

1. How it’s looking right now:

(The red line shows the current image limit)

2. How it should look:

(The blue line shows the image limit at 50% of the screen)

My website is: https://n6ia1fdm0ovh4srq-60150284501.shopifypreview.com and my theme is Stiletto

Thanks in advance!!

[Mehran_Ali]

Hello @martujv

If you want to divide the image and content col in 50 50% of the screen you can use this CSS

.product .product__primary {
    grid-template-columns: 50fr 50fr;
}

[martujv]

Hello! Unfortunately, it didn’t work.

[Mehran_Ali]

Did you add this to your theme,CSS file or base.css file

[martujv]

Theme css and custom css but nothing changes, I don’t have base.css