Return to previous page

Set different column size for categories grid

This topic has 6 replies, 2 voices, and was last updated 2 months, 2 weeks ago ago by Luca Rossi

vadims

Participant

January 31, 2025 at 14:54

Hello
Is there an option to set different column size for categories grid than the grid of the products? Currently I have set 4 products per row for both the category and shop page and I wish to have 6 columns of categories before the products grid. I can see there is an array key named “categories_columns” but I can’t find any relevant option in the customizer.
Also may I suggest that the categories grid should be wrapped in a container element so as to make the visual separation better by applying background color for example.

Thanks!

#432946 Copied Theme version: 9.4.5

5 Answers

Luca Rossi

Support staff

February 1, 2025 at 07:29

Dear @vadims

Could you please provide temporary wp-admin access? We need to check your settings.

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Best Regards,
8Theme’s Team

#433003 Copied

vadims

Participant

February 1, 2025 at 10:32

Here are the login url and login credentials

Please contact administrator
for this information.

#433012 Copied

Luca Rossi

Support staff

February 2, 2025 at 14:06

Dear @vadims,

The columns is now 4 on shop page and 6 on product category pages.

Could you please check again?

Thank you!

Please contact administrator
for this information.

#433107 Copied

vadims

Participant

February 2, 2025 at 19:49

Hi
To clarify better, on the products category pages I wish to have 6 columns per row for the subcategories and 4 columns per row for the products grid.

Please contact administrator
for this information.

#433134 Copied
Luca Rossi

Support staff

February 3, 2025 at 08:17
Hi @vadims,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

@media (min-width: 980px){ body.tax-product_cat .row.products.products-loop.products-grid.with-ajax.row-count-6 .ajax-content.clearfix > div.product.type-product { width: 25%; } }

Kind regards,
The 8Theme Team
#433162 Copied
Viewing 6 results - 1 through 6 (of 6 total)