Image resize

[PabloPier]

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/

[Tech_Coding]

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 </body> on theme.liquid
<style>
@media screen and (min-width: 700px) {
   .content-over-media img {
      max-width: 30% !important;
      margin: 0 auto;
   }
}
</style>

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

[PabloPier]

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

Can we have only the white watch resized?

[Tech_Coding · Accepted solution]

@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 </body> on theme.liquid
<style>
@media screen and (min-width: 700px) {
   .content-over-media.full-bleed.bg-custom.text-custom img {
       max-width: 30% !important;
        margin: 0 auto;
     }
  }
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[BSSCommerce-B2B]

@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 </body> tag

<style>
@media screen and (min-width: 768px) {
   .content-over-media picture > img {
       width: revert-layer;
       margin: 0 auto;
   }
}
</style>

Result: