{Brooklyn} Thumbnail white edges

New Member
3 0 0

Hello~ does anybody know how to make the picture fully fit the thumbnail? As now most of the thumbnails showed white edges while some do not.

 

Screen Shot 2020-01-02 at 10.13.09 PM.png

 

Thank you in advance.

0 Likes

Hello @MV_Nicole,

For that you have to upload same width and same height image

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Astronaut
1088 149 274

Alternatively you can give your images a class of "cover" and set CSS to object fit cover:

 

<style>
.cover {
object-fit: cover;
object-position: center center;
}
</style>

{% for product in collection.products %}
<img src="/path-to-your-image.jpg" class="cover">
{% endfor %}

This may crop your images slightly however, but they will take up the full width and height of the container.

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes