Home › Forums › SEA WordPress Theme › Groups of filters

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 27, 2021 at 2:36 pm #24961
    KlausPeng
    Participant
    Purchased
    Expired

    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

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    May 27, 2021 at 2:56 pm #24962
    KlausPeng
    Participant
    Purchased
    Expired

    Actually, rows would be GREAT…!

    Well, anyway, thanks!
    Klaus

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    May 28, 2021 at 2:29 am #24963
    SeaTheme
    Keymaster
    Purchased
    Expired

    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

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    May 28, 2021 at 8:06 am #24974
    KlausPeng
    Participant
    Purchased
    Expired

    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

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    May 28, 2021 at 11:19 am #24981
    SeaTheme
    Keymaster
    Purchased
    Expired

    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

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.