Make photo smaller

Store Design
, ,

Topic summary

A user seeks help reducing the size of a photo on mobile devices, wanting to add black space both vertically and horizontally around the image (indicated by a reference to a red line in an attached image).

Proposed Solution:

  • PageFly-Oliver provides CSS customization instructions:
    • Navigate to: Online Store → Theme → Edit code
    • Locate the theme.liquid file
    • Paste provided CSS code at the bottom of the file
    • Save changes

Current Status:

  • The original poster shares login credentials (password and URL) in a follow-up, likely for direct assistance
  • The discussion remains open; no confirmation yet on whether the solution resolved the issue
Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

Hi, can you help me make this photo on the mobile smaller (like the red line) so there is black space vertically and horizontally but with the full photo showing

MT27_0-1712333902023.png
MT27_0-1712333902023.png661×1062 240 KB

2

Hi @MT27 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

3

Pass: biangu

Url: www.matibrnd.com