Dawn theme: Collage image not adjusting image ratio to box size

Solved

Dawn theme: Collage image not adjusting image ratio to box size

SDRGames
Visitor
3 0 1

Hello, I'm trying to attach an image to this collage, but for some reason the image is expanding outside the box. I've tried to locate the image settings in the code, but I just don't know it well enough to work it out. The image is no different to the two other images used, but for some reason the auto-sizing works for video, but not for image. 

 

Site issue 1.JPG

site issue 2.jpg

Site address is https://www.sdrgames.studio/pages/pugs-in-mugs

I'm not sure what's broken or where, but if anyone can tell, I'd love some help! Thanks in advance!

Accepted Solution (1)

PageFly-Kate
Shopify Partner
1371 375 424

This is an accepted solution.

Hi @SDRGames ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file

.collage-card__image {
    width: 100%;
    height: 100%
}

 Hope my answer will help you.

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


Unlock the secrets to a record-breaking BFCM with PageFly and Canva


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)


➜ Weekly updated Shopify tutorials on YouTube


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


View solution in original post

Replies 3 (3)

PageFly-Kate
Shopify Partner
1371 375 424

This is an accepted solution.

Hi @SDRGames ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file

.collage-card__image {
    width: 100%;
    height: 100%
}

 Hope my answer will help you.

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


Unlock the secrets to a record-breaking BFCM with PageFly and Canva


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)


➜ Weekly updated Shopify tutorials on YouTube


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


SDRGames
Visitor
3 0 1

That did it! Glad it was something simple. 

Thanks very much!

Awish_17
Visitor
1 0 0

Hi, i have the same problem, but can't seem to find the /base.css in my asset folder.

 

https://www.petiterevery.com/