First row always short one item

1daytokyo · November 2015

HI there, from the start, when I select anything other than the masonry layout for my products in the BeTheme options, the first row of items is always one short. The 3-column and 4-column view do the same thing. Here is an example, currently set to 4-column. In masonary view, I get four columns.

http://test.riveroflifefellowship.org/product-category/audio/

I experimented with shrinking the sidebar to its smallest size, but it still does the same thing. Any ideas? Thanks!

--Jim

Albert · November 2015

Hi,

can you show us on screenshots what exactly is happening on your side? We did checked your site and did not noticed anything wrong.

Thanks!

1daytokyo · November 2015

Sure. here is what i see. The display is set to be 4-column, but the first row always moves the fourth item to the second row. If I set it to "masonary" view, 4 will show up. Also, if I set it for 3-column view, the first row shows only 2 items, and moves the third item to the second row. After the second row, there is no problem for some reason, only with the first row.

1daytokyo · November 2015

BTW, I have my browser open all the way at 1920 px... same deal.

Albert · November 2015

Thanks for the explanation. We got it now. Your plugin is adding local styles and that's why it does not work as should. However, below css will do the trick:

body.woocommerce ul.products.col-4 li.product {  clear: none !important; }

1daytokyo · November 2015

Thank you!!!!

Albert · November 2015

You're welcome

1daytokyo · November 2015

I added this as is to the custom css area in the BeTheme settings, but no effect. am I missing something? sorry but thank you if you have time to look into it.

1daytokyo · November 2015

I added to the woocommerce .css and it works fine. thank you!!

Albert · November 2015

Above css should work from Custom CSS section as well. If it does not work, it means that you did mistake somewhere under custom css section and that's why above css does not work. You can also check this by moving new css line on the 1st position.

1daytokyo · November 2015

okay, thank you.

1daytokyo · December 2015

HI there, having a similar issue, this time with another product. I have not actually done anything since correcting it after you gave me css info to add. Not sure what is different but would you have a look?

http://test.riveroflifefellowship.org/product-category/mp3-audio-series/

Thanks!

Albert · December 2015

These products do not stuck because of your plugins. Anyway, below custom code, should do the trick:

body.woocommerce ul.products.col-4 li.product:nth-of-type(4n+1) {  clear: both !important; }

1daytokyo · December 2015

You are genius, and fast. Thank you so much!!! This is my favorite theme ever.

Albert · December 2015

We are very happy to hear that

Thanks!

First row always short one item

Comments