[laagom]

Hi Dimitar,

There is a pagination issue on the vendor page of my website. I Have set the no. of vendors to display set to 12, and it is currently displaying 13 on one page, which is looking odd.

Another problem that happens is when it is set to any number beyond 12 in multiples of 3. For example 21 or 30. There are random block gaps which come about between the vendors, like empty space blocks.

Kindly check.

Thank you.

[laagom]

This reply has been marked as private.

[Althemist]

Hello Vaibhav,

I can see 12 per page on the link and can’t replicate it on my end.

For the grid problem you can try the following:

.wpb_wrapper > .rigid-wcv-vendorslist {
    float: none;
    max-width: 290px !important;
    display: inline-block;
    vertical-align: top;
}

The problem is that some of the shops have a really long names (e.g. – Colores Hues and Shades OR Luna Nueva By MotherIndia) and that breaks the layout. The above CSS should fix it.

[laagom]

This reply has been marked as private.

[Althemist]

Hello laagom,

So sorry for the late reply. We were on vacation out of the city for the Christmas and New Year holidays.

However, I have just checked your website and it looks like the CSS code is not there.

[laagom]

This reply has been marked as private.

[laagom]

This reply has been marked as private.

[Althemist]

You’d need to place the code in the Appearance > Customize > Additional CSS field, as the one in Theme Options strips some characters for security reasons (e.g. – the “>” symbol) OR in the child-theme, as this is the best place for additional code.

[laagom]

Fantastic – It worked

[Author]

Posts