Dawn Theme: How to scale collage single image down 60% and have it be left aligned?

Solved

Dawn Theme: How to scale collage single image down 60% and have it be left aligned?

Boyang
Visitor
2 0 0

Hello, 

I'm using the collage sections with all the blocks removed but the image. I would like to scale the image (the logo "creature comforts") down to 60% of it's size, and left align it in the desktop version. How do I go about doing that?

I'm also open to not using collage to do this. 

 

website

Accepted Solution (1)

Shadab_dev
Shopify Partner
1255 64 132

This is an accepted solution.

In your base.css file add this at the very bottom

#shopify-section-template--24155683258689__collage_btn6h6 .media img{

transform: scale(0.4);

left: -25%;

}

 

This will reduce the image size. You can change the value to suit your needs

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.

View solution in original post

Reply 1 (1)

Shadab_dev
Shopify Partner
1255 64 132

This is an accepted solution.

In your base.css file add this at the very bottom

#shopify-section-template--24155683258689__collage_btn6h6 .media img{

transform: scale(0.4);

left: -25%;

}

 

This will reduce the image size. You can change the value to suit your needs

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.