Dawn Theme: Featured Collection Images too large

Store Design
1

Hello!

www.shirubiaelements.com

I am having issues with the featured collection image for the Scent of The Month being way too large. I have tried many tips from this forum, but nothing worked.

I have resized my image on Canva, to 300px square, but that didn’t help either. all the other images on my site seem to work well.

Thank you!

2

@sylvietn ,

.section-template--16500009074904__e49cdc6e-c219-44a8-9f1f-0c31ccf52ce4-padding .grid--1-col-desktop .grid__item {
    max-width: 300px !important;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

3

Hi @sylvietn

You can try the following:

  1. From Shopify admin, select Online store → Themes.

  2. Go to Actions → Edit Code.

![view 11.png|1891x940](upload://gnqBIzcqycLi7gAB4coGQZQWUqr.png)
  1. Find base.css and add this code:
#MainContent > section:nth-child(3) .collection li {
   max-width: 300px !important;
   max-height: 300px !important;
}

i hope that it will work for you.