Shopify themes, liquid, logos, and UX
Hi there,
I want the section below to show the actual height of the image (less tall, and without the sides cut off). But when I add the code below, it keeps the rest of the section still at the same height. Is there a way around this?
Desired:
Current:
After code
img {
height: auto;
}
password: waiheke
Thanks so much!
Hi @INFRA
Please remove this code you added to the theme.liquid file
<style>
.image-text-image-template--15475523616840__image_with_text_1_VyEWVq{
aspect-ratio: 12/9;
}
</style>
<style>
@media(min-width: 1024px) {
.image-text-image-template--15475523616840__image_with_text_1_VyEWVq{
aspect-ratio: 12/9;
}
}
</style>
- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify
Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025