Show true height of image - Dawn

Show true height of image - Dawn

INFRA
Shopify Partner
196 0 68

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: 

Screenshot 2025-02-07 at 18.42.21.png

 

Current:

Screenshot 2025-02-07 at 18.49.05.png

After code

 

img {
  height: auto;
}

 

 

Screenshot 2025-02-07 at 18.48.43.png

Website

password: waiheke

 

Thanks so much!

Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
11360 2225 2399

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>

Screenshot 2025-02-07 at 16.02.33.png

 

- 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.