Shopify themes, liquid, logos, and UX
Hi, can you please make this picture half size in height (smaller) without cutting the image. Thank you
Pass: biangu
Url: www.matibrnd.com
Solved! Go to the solution
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!
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.
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!
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.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025