Solved

DECREASE IMAGE SIZE

MT27
Pathfinder
145 6 10

Hi, can you please make this picture half size in height (smaller) without cutting the image. Thank you

Pass: biangu

Url: www.matibrnd.com

MT27_0-1711706925483.png

 

Accepted Solutions (2)

oscprofessional
Shopify Partner
15863 2373 3074

This is an accepted solution.

hello @MT27 ,

Here is the code you can try. I hope it useful-

Go to the Online Store-> Theme-> Edit code-> Assets> base.css -> Add code at the bottom.

 

.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media img {
width: 70%;
height: 75%;
object-fit: contain;
}

If there is anything that needs to be clarified or included, please let us know. We will surely help you.
Have a nice day!

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

PageFly-Henry
Astronaut
986 283 230

This is an accepted solution.

Hi @MT27 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

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

Step 2: Search file base.css

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


.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media img {

    width: 75%;

    height: 70%;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 2 (2)

oscprofessional
Shopify Partner
15863 2373 3074

This is an accepted solution.

hello @MT27 ,

Here is the code you can try. I hope it useful-

Go to the Online Store-> Theme-> Edit code-> Assets> base.css -> Add code at the bottom.

 

.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media img {
width: 70%;
height: 75%;
object-fit: contain;
}

If there is anything that needs to be clarified or included, please let us know. We will surely help you.
Have a nice day!

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

PageFly-Henry
Astronaut
986 283 230

This is an accepted solution.

Hi @MT27 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

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

Step 2: Search file base.css

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


.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media img {

    width: 75%;

    height: 70%;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.