Making pictures smaller on desktop blockshop theme

[thirza]

Hi,

When opening the shop on desktop, they  productpage pictures are very big (and therefore some get kinda blurry) and don't even really fit on the screen. Is there a way to make the pictures at least 1/4 - 1/2 smaller without losing quality? This is only a desktop issue, not a mobile issue. So we only want to adjust it for desktops.

Rosies | online jewelry (rosies-store.com) -> store

[BSS-TekLabs · Accepted solution]

Hi @thirza,

You can follow these steps to make the effect

1. Open Online Store > Theme > Edit Code

2. Find and open the base.css (or theme.css, custom.css) file

3. Paste the code snippet below at the bottom of the file and hit save

.modal--view {
    /* You can change this value to fit your preference */
    max-width: 660px;
}

Here is the result

Hope this helps you solve the issue.

Please don't forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!