Dawn theme Change Featured collection Image size

Solved
ssew56
New Member
2 0 0

Hey, I'm starting off with only one product in my store and I'd like to have the featured collection page on my home screen have a smaller width. This is in the dawn theme and I'm trying to figure it out. In my Figma layout, I have the max width of images at 320px. But I might want to make them even smaller. How can I do that?

Accepted Solution (1)
GemPages
Shopify Partner
5587 1258 1061

This is an accepted solution.

I would like to give you some recommendations to support you.
You can follow these steps:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :

<style>
      @media screen and (min-width: 990px){
         .grid{
             justify-content: space-between;
         }
         .grid--5-col-desktop .grid__item{
              width: 15%;
              max-width: 15%;
         }
      }
</style>

Hope my recommendation can works and support for you! Please contact me if there are any problems.

Kind & Best regards!
GemPages 

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 3 (3)
GemPages
Shopify Partner
5587 1258 1061

Hello @ssew56 

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Kind & Best regards!
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ssew56
New Member
2 0 0

hey @GemPages here's the url pravach.com 

 

the password is : ohwhap

GemPages
Shopify Partner
5587 1258 1061

This is an accepted solution.

I would like to give you some recommendations to support you.
You can follow these steps:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :

<style>
      @media screen and (min-width: 990px){
         .grid{
             justify-content: space-between;
         }
         .grid--5-col-desktop .grid__item{
              width: 15%;
              max-width: 15%;
         }
      }
</style>

Hope my recommendation can works and support for you! Please contact me if there are any problems.

Kind & Best regards!
GemPages 

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center