DECREASE IMAGE SIZE

Solved

DECREASE IMAGE SIZE

MT27
Pathfinder
170 6 16

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
16374 2440 3189

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!

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

View solution in original post

PageFly-Henry
Shopify Partner
1184 335 299

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
16374 2440 3189

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!

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

PageFly-Henry
Shopify Partner
1184 335 299

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.