我正在使用WordPress + Elementor + Elementor必备插件创建一个网站。我正在使用“可过滤的库”（您可以在此处查看演示：https://essential-addons.com/elementor/filterable-gallery/）。
我在7个可过滤控件（类别）中有9个画廊项。第一个类别有3个项目，其他每个类别只有1个项目。
图库设置为具有3列，但是当我选择仅包含一个元素的类别时，我想更改该项目的类别（以使其宽度为100％）。
我尝试了一些要求元素具有类或ID的解决方案，但是我不知道如何使它适应我的情况。
这是代码（我更改/删除了一些我认为不相关的内容）：
<div class="eael-filter-gallery-control">
<ul>
<li class="control active" data-filter="*">All</li>
<li class="control " data-filter=".eael-cf-cata">CatA</li>
<li class="control " data-filter=".eael-cf-catb">CatB</li>
<li class="control " data-filter=".eael-cf-catc">CatC</li>
<li class="control " data-filter=".eael-cf-catd">CatD</li>
<li class="control " data-filter=".eael-cf-cate">CatE</li>
<li class="control " data-filter=".eael-cf-catf">CatF</li>
<li class="control " data-filter=".eael-cf-catg">CatG</li>
</ul>
</div>
<div class="eael-filter-gallery-container">
<div class="eael-filterable-gallery-item-wrap eael-cf-cata"></div>
<div class="eael-filterable-gallery-item-wrap eael-cf-cata"></div>
<div class="eael-filterable-gallery-item-wrap eael-cf-cata"></div>
<div class="eael-filterable-gallery-item-wrap eael-cf-catb"></div>
<div class="eael-filterable-gallery-item-wrap eael-cf-catc"></div>
<div class="eael-filterable-gallery-item-wrap eael-cf-catd"></div>
<div class="eael-filterable-gallery-item-wrap eael-cf-cate"></div>
<div class="eael-filterable-gallery-item-wrap eael-cf-catf"></div>
<div class="eael-filterable-gallery-item-wrap eael-cf-catg"></div>
</div>
首先，类别“ All”处于活动状态，结果是9项显示在3列3行中。
如果单击“ CatA”，则第二个li处于活动状态，结果是前3项显示在3列中。没关系。
如果我单击“ CatB”，“ CatC”，...“ CatG”，则第三，第四，...最后一个li处于活动状态，并且仅显示一项（可以），但它以33％的宽度显示（因为它在第一列3中）。
我希望如果第三，第四，...最后一个li是活动的（可能已过滤，但它的data-filter），那么我可以向特定的div添加（或切换）一个类为了更改CSS（宽度，高度...或边距，位置，这不是问题）。
我为我的英语道歉。如果有用，这里是一个临时网站，您可以在网上在线查看它：http://webconqr.com/#galeriaaa