Visual Problem with Products on Front Page

Hello,

I've noticed that, when a product is shown on the front page and the name of the product goes over two lines, it causes a issue with the products listed below it. The screenshot attached shows it better than I can explain.

screenshot.jpg

I guess it's just a padding issue, could anybody advise me what to change in what file?

Thanks,

- Adam.

Hi,

Could you provide an URL to your website? I'm not sure but the following CSS code:

Code: Select all

.gkNspPM-ProductGallery2[data-cols="4"] > div:nth-child(4n+1) {
clear: both;
}

should helps.

Hello - the link is http://www.barryrogersschoolofsewing.co.uk/new

What CSS file do I need to edit with the code you supplied?

You can put it in the css/gk.stuff.css file inside the template directory - as I've just tested it should helps you.

Thanks, that fixed it!

Hi I am having the same problem and added that code to the file suggested. It doesn't do anything. Can you help me also? Posted a similar question earlier today with a snapshot under subtopic Products Frontpage

Most probably you didn't refreshed your browser cache, because my solution must works.