Making pictures smaller on desktop blockshop theme

Store Design
, ,
1

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

2

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

BSSTekLabs_0-1720867975289.png
BSSTekLabs_0-1720867975289.png2878×1612 128 KB

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!