Resize the Collage images (All) to 20% smaller in Dawn theme

Solved

Resize the Collage images (All) to 20% smaller in Dawn theme

Montique
Excursionist
37 1 8

I'm looking for a code to help make the collage block images about 20% smaller (or to fit within the fold) and remain in the same format (3rds).

right now they re too large for the page and too pixelated.

 

here is the preview of my store: https://kx6agpnej9lgz08u-19884295.shopifypreview.com

Accepted Solution (1)

ExpertRookie
Shopify Partner
1518 249 321

This is an accepted solution.

Hi @Montique 

You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

  @media screen and (min-width: 750px){
.collage {
  max-width: 80%;
  margin-inline: auto;
}
}
- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help.

View solution in original post

Replies 2 (2)

ExpertRookie
Shopify Partner
1518 249 321

This is an accepted solution.

Hi @Montique 

You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

  @media screen and (min-width: 750px){
.collage {
  max-width: 80%;
  margin-inline: auto;
}
}
- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help.
Eliuk
Excursionist
14 0 4

Hello, I am using the Taste theme and I want to shrink the size of the collage section too. Will this code work for Taste Theme? Thank you.