Changing the space between products and categories
This is the CSS code for changing the padding (space between) products and categories.

These are the steps to add personalized CSS code to the design:

1. Navigate to Settings > Layout > Designer and launch the designer
2. Click Preferences (last icon) and enable Advanced
3. Click Customize CSS (penultimate icon)
4. Add the piece of CSS code at the bottom (copy and paste)

Publish the design (first icon in the designer window) to make sure the result is live.

The CSS code to adjust the space between categories and products:

#prodlist > li,
#catlist > li { width: 260px; margin: 12px; }

With "width" the length can be adjusted, with "margin" the space between the elements.

The CSS code to adjust the space between picture and text:

#catlist > li > a > div:nth-of-type(2),
#prodlist > li > a > div:nth-of-type(2) { min-height: 75px; }

"Min-height" adjusts the height of the space for the category and product name. Note that long names sometimes end up on multiple lines. Reducing the space may cause them to no longer fit and make the whole thing look cluttered.