Column count in woocommerce category pages

I have a similar but slightly different issue, I don’t know if its appropriate to ask it here or if I should open a new thread, but here goes…

I’m using shortcode to display a product category within a page. I changed the default 4 columns to 3 like this:

[product_category category=”optional-services” columns=”3″ class=”opt-prod-table”]

But while I do see 3 product columns, there remains a large empty space on the right. Seems like that is the product category container or something. I tried centering and removing margins and padding every way I could think of (including using that CSS Class opt-prod-table that I added) to no avail. It seems that this category shortcode works normally for most users, without the annoying space on the right so I’m thinking it may in some way not be playing nicely with my Enfold theme (which is up to date as is my wordpress, php, plugins etc.)

I’ve included a link to my site where this is happening. Any chance this can be fixed somehow?

Thanks a lot for your reply Rikard. Your name makes me think of Game of Thrones :-) Unfortunately the CSS you suggest does not seem to result in any changes to the product category section in question. Any other suggestions what I can try to get these columns and products to behave?

• This reply was modified 6 years, 6 months ago by nextlevelbros.

Thanks Rikard, this is a lot better, as the products do appear centered which is a certainly step in the right direction. But this also has the side effect of making the thumbnails a lot bigger than before, which is not something I would choose for. If anything I wish they where smaller than the default size – my products are services, the image thumbnail has no reason to be larger than absolutely necessary. If there is a way to get them centered without enlarging the thumbnails, that would be the perfect solution for me here.

Hi Rikard, thanks again for your efforts to help me solve this. That’s an interesting approach but unfortunately its not really working. The products remain left-aligned as a whole, and no matter what percentage of margins I enter, the product/columns either remain unbalanced (extending more to the left side of the screen, never centered in the middle) or wrap to the next line (so I end up with 2 products per column) without ever achieving a center-balanced layout, but also this approach even if it can be made to work, changes the balance and aesthetic of the page, in a way I am not happy with. Truth is, I have already tried all these suggestions we have talked about so far before even writing here.

What I really am trying to achieve is actually quite simple in principle. I want to display the product category as is. Not larger thumbnails, not different margins with more spacing here and there, just what already exists > but centered like the rest of the website. It cannot be that this is the only part of the website that strangely hangs to the left and I also don’t want to change the whole aesthetic (margins, thumbnails sizes) to something inconsistent with the rest of the site just to center this products category section.

If its not possible, I understand, in that case I will look to move to another theme that supports Woocommece without extensive custom work. If it is possible, well it would be great to figure out how.

• This reply was modified 6 years, 6 months ago by nextlevelbros.

This is perfect Rikard, exactly what I was talking trying to achieve. I was not familiar with the working of “display: table” and would never have come up with that myself. Very good to know! Thanks for putting up with my very specific desires for the layout of this page and coming through with a solution. I was afraid it would require more extensive tweaking but your latest code is just what the doctor ordered. I’m very pleased to tick this of my to-do list, now on to the next challenge :-)

Feel free to close the topic, no further assistance required on this issue on my part. Cheers!