Hi, I’ve made the thumbails of collection list smaller however the images are streched out. Is there a way to resize them?
Here’s the link:
Discover Quality Mobile Accessories and Lifestyle Essentials (brandsinless.com)
Topic summary
A user is experiencing an issue where collection thumbnail images appear stretched after reducing their size on their Shopify store. They provided a screenshot showing the distorted thumbnails.
Proposed Solutions:
Two community members offered CSS-based fixes:
- niraj_patel suggested adding custom CSS to
theme.liquidbefore the</body>tag, targeting.content-over-mediawith specific styling properties - PageFly-Theodor recommended inserting code into
theme.liquidabove the</head>tag
Both solutions involve editing the theme’s liquid file through the Shopify admin (Online Store > Themes > Edit code).
Status: The discussion remains open with no confirmation from the original poster about whether either solution resolved the stretching issue.
sorry I don’t see the section you are talking about can you add this section and then inform me thanks?
My bad. That theme is not published yet. Here’s a preview:
https://cfyanuc5odg90g21-68501045494.shopifypreview.com
Hello @Thehumblelone
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
This is Theodore from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Theodore | PageFly