Vertical distance between product categories on archive page

[christian.toller]

christian.toller

March 7, 2019 at 5:24 am

Hello there!

Sample of the question: *Login to see link
That’s a page containing some headings and some categories embedded via shortcode:

<h2 id="1" class="anker" style="text-align: center;"><strong>Speisezimmer & Wohnzimmer</strong></h2>
<p style="text-align: center;">[product_categories columns="3" hide_empty="0" number="0" parent="265"]</p>

<h2 id="2" class="anker" style="text-align: center;"><strong>Sitzmöbel</strong></h2>
<p style="text-align: center;">[product_categories columns="3" hide_empty="0" number="0" parent="266"]</p>

I would like to control the vertical distance between two rows of categories, but their vertical position seems to be calculated and then set with an inline top: xxx style:
<div class="tcol-md-4 tcol-sm-4 tcol-xs-6 tcol-ss-12 kad_shop_default kad_product" style="position: absolute; left: 0px; top: 0px;">
<!-- content of first row, left category -->
</div>
...
<div class="tcol-md-4 tcol-sm-4 tcol-xs-6 tcol-ss-12 kad_shop_default kad_product" style="position: absolute; left: 0px; top: 387px;">
first ontent of second row, left category -->
</div>

Note the different “top: 0px;” and “top: 387px;”

Can I somehow modify that calculation, so that the vertical gap between the two rows get’s smaller?