How to change the display size of products on collection page list view?

Store Design
1

Hi there,

I am trying to find a way to narrow down the size of how each product is displaying in collection page list view. I am using Empire theme.

I’ve tried to find the correct row to edit in theme.css.liquid, but with no luck…

Please help!

2

Hi! Please, provide link to your store

3

Hi there,

The store is not public at the moment. Link: https://putki24.fi/collections/kaikki-tuotteet

4

Hi @Margosile ,

Please share your store URL and if your store is password protected provide the password as well.

So that we can help you.

5

Hi there,

I’ve sent you a dm with the access.

6

Hi [email removed]Margosile,

To change you follow the instruction:

  1. Go to Online Store → Theme-> Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:

Please try this code again:

.productgrid-listview .productitem--image-link {
    grid-row-end: span 2;
    width: 12% !important;
}

If you find this answer helpful, please mark it as a SOLUTION.

Best regards.