Groups of filters

[KlausPeng]

Hello SeaTheme!
You did fantastic job solving my last problem with the filters (topic: Apply filters to lightbox)!
(Thank you so much!!!)
So I thought maybe you can even help me to somehow solve this one. It’s also about filters.

On my Website I use filters to select the pictures in my archive.
I love the filters, they make my archive of images accessible.
At the moment I have 22 filters, and I would love to add more.
But when they are written in these long lines this number of filters looks chaotic.
I changed the order in which the filters appear, but there’s no way I can group some of them together.

I would like to group a few filters together (for example the buildings I photographed) in one group (for example in a column),
then group another bunch of filters (in a second column), etc. That way the list of filters would be visually structured.
The most beautiful, simple and clear (SeaTheme in 3 words=) way of arranging the filters would probably be with columns (maybe even with titles…)
But it could also be a different way of grouping (in rows or with colours).

Is there a way to arrange the filters? Or a plug-in to do so?
Thanks, all my best, and keep up the great work!
Klaus

[KlausPeng]

Actually, rows would be GREAT…!

Well, anyway, thanks!
Klaus

[SeaTheme]

Hi,

Welcome.
It is not possible to make a group(several filter items) to stay in a single line or column.
It is only possible to increase the horizontal spacing with each ‘group’ by custom CSS like:
set right spacing as 80 for the 3rd items(the order of all items, includes the item “All”, for your website, it should be “Ateliers”)

.filters-ul > li:nth-child(3) { margin-right:80px; }
@media(max-width:767px) {
    /*for mobile*/
   .filters-ul > li:nth-child(3) { margin-right:40px; } 
}

ps: it is possible to re-order the filter items by this plugin
https://wordpress.org/plugins/taxonomy-terms-order/ screenshot: https://www.dropbox.com/s/huglsz14ng5xi4o/qq20210528-102853.jpg?dl=0

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[KlausPeng]

Hello SeaTheme!

I see. Ok, I will try, what I can do with that.
Is it also possible to underline certain filters or make some of them bold?

Thanks a lot for taking your time!
All my best
Klaus

[SeaTheme]

Hi,

It is possible by the custom CSS, like setting both the 3rd and 4th items:

.filters-ul > li:nth-child(3) .filters-a,
.filters-ul > li:nth-child(4) .filters-a {
    font-weight: bold;
    text-decoration: underline; 
}

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[Author]

Posts