Solved

Further Increase Image Sizes on Grid Page - Dawn 13.0.1

tegafuego
Tourist
3 0 0

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:Exp 1.jpg

 

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?

 

Exp 2.png

 

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

Hope you can help!

Accepted Solution (1)
AnneLuo
Shopify Partner
253 49 54

This is an accepted solution.

Oh, that requires adjusting the code like this

<style>
  .page-width {
    max-width: 100% !important;
  }
</style>
If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email me

View solution in original post

Replies 6 (6)

AnneLuo
Shopify Partner
253 49 54


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!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email me
tegafuego
Tourist
3 0 0

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?Exp 3.png

AnneLuo
Shopify Partner
253 49 54

This is an accepted solution.

Oh, that requires adjusting the code like this

<style>
  .page-width {
    max-width: 100% !important;
  }
</style>
If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email me
tegafuego
Tourist
3 0 0

Thank you so much! This works perfectly.

AnneLuo
Shopify Partner
253 49 54

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

 

Best Regards 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email me
Larchi22
Tourist
6 0 3

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!