Image resize

Store Design
, , , ,
1

Hello, can you tell me how to resize my photo because it is zoomed in from the theme. The theme I use is Impact.
The url is https://www.pablopier.com/

PabloPier_0-1727939706086.png
PabloPier_0-1727939706086.png1895×855 98.2 KB

2

Hello @PabloPier

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 700px) { .content-over-media img { max-width: 30% !important; margin: 0 auto; } }

Tech_Coding_0-1727940100738.png
Tech_Coding_0-1727940100738.png1329×426 78.6 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

3

@PabloPier ,

Step 1: Go to Admin → Online store → Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before tag

Result:

BSSCommerceB2B_0-1727940429442.png
BSSCommerceB2B_0-1727940429442.png1516×929 103 KB

4

Hello, thank you for the reply. But now the image bellow is also resized:

PabloPier_0-1727940987694.png
PabloPier_0-1727940987694.png1540×788 89.3 KB

Can we have only the white watch resized?

5

@PabloPier replace the above code with this code

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 700px) { .content-over-media.full-bleed.bg-custom.text-custom img { max-width: 30% !important; margin: 0 auto; } }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.