Large Square Layout

Hi. In the woocommerce pages the category squares a little far away from each other, is there any way to make it bigger so it fills the whole page? I was able to do it with on an elementor page. I wanted them to look the same. See attached images. Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the category page URL where the categories are added? Also, share the WP login details so I can check on your site and give you a possible solution.

Best Regards

Yes any woocommerce categories. Thank you.

Hello,

You are using the Product Categories widget in your custom Product Archive Layout. Navigate to Layouts > Edit product archive layout and edit the widget settings, and check the following options:

In the Layout settings, reduce the Space Between value to decrease the gap between category items.
https://postimg.cc/qN6zSbyW

Also, go to the Carousel Settings and slide per view to 4 (similar to your example). This will make the category blocks larger and help them fill more of the available width.
https://postimg.cc/2VM5QQMB

Please adjust these settings and check if the result matches the layout shown in your screenshot.

Best Regards

I’m not sure that’s the right place, the categories I’m having problems with are not carousel. They’re the categories inside those in the carousel. I’m sending some examples.

Hello,

I checked your site and found that the categories shown on the page are not coming from the Product Categories widget inside your custom layout.

On the category pages, you are currently using the default WooCommerce category display option. You can check it under Appearance > Customize > WooCommerce > Product Catalog > Category Display. It is currently set to display Subcategories, which is why WooCommerce is showing the default category grid layout.
https://postimg.cc/68yh9HDY

If you want full control over the category appearance and spacing with Elementor, please change Category Display to Products Only, then edit your “Product Archive Layout Categories” layout and add the Product Categories widget there. This will allow you to customize the category grid and make it match the design used on your other pages.

Best Regards

[Author]

Posts