Further Increase Image Sizes on Grid Page - Dawn 13.0.1

[tegafuego]

Hi, I'm wondering if it's possible to further increase the image sizes on our grid pages on the Dawn theme?

We recently migrated from WooCommerce and our old theme had the images on our catalogue page span the width of the site on desktop:

Now we're using Dawn and our images are a little smaller even though we've selected the maximum image size on the theme customizer. Is there a way to increase them further with any particular code?

Here is our placeholder URL for our Shopify site: https://336e5f-2.myshopify.com/

Hope you can help!

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code to the head tag

<style>
 .product-grid-container .page-width {
    max-width: 100% !important;
  }
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[tegafuego]

Hi Anne, thank you for the response. That seemed to do the trick!

However, slight issue—our refine button is no longer aligned as left as it should be, is there a solution?

[AnneLuo · Accepted solution]

Oh, that requires adjusting the code like this

<style>
  .page-width {
    max-width: 100% !important;
  }
</style>

[tegafuego]

Thank you so much! This works perfectly.

[AnneLuo]

Thank you for your reply. I'm glad to hear that the solution worked well for you.

Best Regards 

[Larchi22]

Hi, I would like to do a similar thing, and make my MAIN MENU larger aswell as remove the underlines from it. How would i go about doing this? My Theme is refresh and URL: https://5fd7d0-2.myshopify.com/

Thanks!