Increase Thumbnail Size Venue Theme - Desktop

Increase Thumbnail Size Venue Theme - Desktop

VelvetRut
Visitor
3 0 0

Hey Sh-experts,

 

How can I increase my thumbnail size to better utilize this space?

 

Using Venue theme.

 

Site is www.velvetrut.com

 

VelvetRut_0-1724974784141.png

 

THANK YOU!

 

Replies 2 (2)

AnneLuo
Shopify Partner
940 174 200

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 above the </head> tag

<style>
.media-gallery__thumbs .thumbnail-list__item {
    flex-basis: calc((100% + 1rem) / 4 - 1rem) !important;
}
</style>

Result:

AnneLuo_0-1724982878997.png


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   

Buy Me A Coffee

BSSCommerce-B2B
Shopify Partner
1723 513 577

@VelvetRut ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above </body>

<style>
.media-gallery__nav .thumbnail-list__item {
  flex: 1!important;
}
</style>

Result:

BSSCommerceB2B_0-1724990870251.png

If it helps you, please like and mark it as the solution.

Best Regards 😍

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now