Changing spaces between items in Products Archive

Updated on May 13, 2019

How can I change spaces between items in products archive horizontally and vertically?

Changing the spaces between products in Products Archive page can be easily done from Jupiter X Shop Customizer.

Jupiter X Shop Customizer introduces a new way of customizing anything in your shop, the easiest way possible without any line of code. It has premade templates, a set of options to customize the paddings, margins, backgrounds, alignments, colors, typography settings, pagination and anything else you can imagine. The good thing about the Shop Customizer is that you can see what you are editing because all the edits are live and available through Shop Customizer.

Note: In order for the Shop Customizer to work, WooCommerce plugin must be installed and activated. To learn how to activate it, check out this article. You should install the WooCommerce default pages as well. You can install them via WooCommerce Setup Wizard or from WooCommerce > Status > Create pages.

In order to change the spaces between products in Products Archive page:

1. From WordPress left menu go to Jupiter X > Customize.

2. In Customizer, click on Shop > Product List.

3. A new window will open up with all the available options to customize and style a Product Archive page.

4. In Settings tab and within the Grid Settings section, set the spaces between products horizontally and vertically.

5. Click on Close button after you’ve customized the settings.

6. Publish the changes.

Related Article(s): 

Did this answer your question?