Hi,
here is the bug:
1. Create a 2 cols template
<div class="sppb-section">
<div class="sppb-container-inner">
<div class="sppb-row">
{cat_info_begin}
<div class="sppb-col-md-6 cat-box">
<div class="sppb-column card sppb-wow fadeInUp sppb-animated" data-sppb-wow-duration="600ms" data-sppb-wow-delay="300ms" style="visibility: visible; animation-duration: 600ms; animation-delay: 300ms; animation-name: fadeInUp;">
<div class="sppb-column-addons">
<div class="sppb-addon-wrapper">
<div class="clearfix ">
<div class="sppb-addon sppb-addon-text-block sppb-text-left ">
<h2 class="sppb-addon-title"><i class="far fa-folder" aria-hidden="true"></i> {cat_title1}</h2>
<div class="sppb-addon-content">
<p>{cat_description1}</p>
</div>
<div class="sppb-addon-content jd-infos">
<small><i class="far fa-copy" aria-hidden="true"></i> {sum_files_cat1}</small>
<small><i class="far fa-folder-open" aria-hidden="true"></i> {sum_subcats1}</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{cat_info_end}
{cat_info_begin}
<div class="sppb-col-md-6 cat-box">
<div class="sppb-column card sppb-wow fadeInUp sppb-animated" data-sppb-wow-duration="300ms" data-sppb-wow-delay="400ms" style="visibility: visible; animation-duration: 300ms; animation-delay: 400ms; animation-name: fadeInUp;">
<div class="sppb-column-addons">
<div class="sppb-addon-wrapper">
<div class="clearfix ">
<div class="sppb-addon sppb-addon-text-block sppb-text-left ">
<h2 class="sppb-addon-title"><i class="far fa-folder" aria-hidden="true"></i> {cat_title2}</h2>
<div class="sppb-addon-content">
<p>{cat_description2}</p>
</div>
<div class="sppb-addon-content jd-infos">
<small><i class="far fa-copy" aria-hidden="true"></i> {sum_files_cat2}</small>
<small><i class="far fa-folder-open" aria-hidden="true"></i> {sum_subcats2}</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{cat_info_end}
</div>
</div>
</div>
Set cols number to 2:
(https://i.postimg.cc/4dPGKp70/rxytfuygiuholm.jpg)
2. Activate options to remove empty HTML tags
(https://i.postimg.cc/YCLtX4Z4/rxytfuygiuholm.jpg)
2. Publish 3 categories
In the frontend, you'll see 2 cols but the 2nd row produces an empty box::
(https://i.postimg.cc/9MdML44P/rxytfuygiuholm.jpg)
How can these be generated correctly (generate category box if needed only)?
Hi,
please allow us a little time to check your layout.
I hope I will have the time to do this over the weekend. Maybe Colin can help here too.
Thanks Arno, i don't know if it's me doing something wrong or a component problem... ???
Hi
I sent you a PM yesterday. It should have appeared in your 'My Messages'
Colin
Hi ColinM, sorry i didn't see you PM earlier...
I've fixed it by only display a col with a Bootstrap size of "col-md-6", instead of a row of two cols.
That way, each folder will generate it's own box and the Bootstrap framework do the rest 8)
Thanks for your precious time. ;)