How can I make images fill the entire box on my webpage?

Store Design
, , ,
1

Hi, for some reason the 3 images at the top of this page will not cover the whole box that contains them. Can anyone tell me how to make it happen ?

https://wearing-anime.myshopify.com/pages/mini-categories-t-shirt

password: sasa

1 Like
2

Hi @Daniel19901 ,

Please try the instructions below.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “image.css” file. At the bottom of the file, add the following CSS code:
.collection-image image-element.aos-init.aos-animate > .image-element {
    padding: 0;
}
  • And Save.
3

Hi @Daniel19901

This is David at SalesHunterThemes.

Follow this path:

Themes => edit code => asset => collection-grid-item.css

and add this code to bottom of the file collection-grid-item.css

.collection-image img{
padding: 0;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

4

Hi @Daniel19901

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.collection-image > .image-element {
    padding: 0 !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly