How can I adjust the image size in Venture theme collection list?

Store Design
1

Greetings,

I know this question has been asked before and I tried those suggestions without success. I would like to have the images fill the space, and not have a white border around them.

Website is https://gifts-and-things-store-llc.myshopify.com/

Thanks in advance.

GATStore

2

@Kingwitty ,

Thanks for responding. Where would I find the " Image Block > Block > Fill Image Area." Not seeing it.

Thanks!

3

Hi @GATStore Please share the store preview password.

4

@Ahsan_ANC ,

Password is “ahfraw”

5

You want to do this on index page only?

6

@Ahsan_ANC

Yes, only on the home page. Thanks!

7

@GATStore

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.scss.css ->paste the below code at the bottom of the file.
.template-index .featured-card{
   padding : 0 !important;
}
8

@Ahsan_ANC

Yes, that really helped. I would have liked a smaller white border if you can suggest any other changes. I did not have a theme.scss.css, but had a theme.scss.liquid.

If you do not have any additional suggestions, I will accept the above code as the solution.

9

This is the maximum you can increase.

10

@Ahsan_ANC

Understood. Thank you for the solution.

11

You can try this code also if it helps

.template-index .featured-card__image-container > div > img{
   max-height: 270px !important;
}

.template-index .featured-card__image-container{
    max-width: 270px !important;
}
12

@Ahsan_ANC

This one did not work.