Portfolio multiple filters

Hi there,

I have a question about the filter in a portfolio. Is it also possible to have more than 1 filter? For example: We would like to use the portfolio for our open jobs. And we would like to have two filters:

  1. Filter on location/city, example: Amsterdam
  2. Filter on job type/industry: Marketing

This is the page where I am testing: https://rhare.nl/test-steven/

Currently it is only possible to choose 1 option. But I would like the possibility that visitors can also filter on two options, for example: Marketing jobs in Amsterdam. Is there any possibility we can make this?

Thanks in advance!

Steven

Comments

  • Hi,

    There is no setting to achieve that, unfortunately.

    If you would like to see this feature in future updates, please, let us know on the following topic:

    https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest


    Best regards

  • Hi Phil,

    Hm thats a bit sad. Is it possible to change the order of the portfolio categories on this page? https://rhare.nl/jobs/

  • If you would like to change the order, you would have to use the following CSS code:

    #Filters .filters_wrapper ul{
       display: flex!important;
       flex-flow: wrap;
       justify-content: center;
    }
    
    #Filters .filters_wrapper ul .project-operations{
       order: 1!important;
    }
    #Filters .filters_wrapper ul .noord-brabant{
       order: 2!important;
    }
    #Filters .filters_wrapper ul .digital-marketing{
       order: 3!important;
    }
    #Filters .filters_wrapper ul .sustainability{
       order: 4!important;
    }
    

    I only set up orders for four categories, so you will have to do that for the rest of them.


    Best regards

  • Hi Phil,

    Thank you very much that is working. But I have a small other problem. Today I updated the theme but now the width of the buttons are different on every item. And 'more information' should be in one row. You can check it here: https://rhare.nl/jobs/

    I would like the way as it was like in the screenshot.

    Hope you have a fix for this one.

    Kind regards,

    Steven


  • Please, use also the following CSS code:

    .portfolio_group .portfolio-item .list_style_header .links_wrapper {
     flex-shrink: 0;
    }
    

    After the update remove it because we will add this fix, so this CSS will not be necessary.


    Best regards

Sign In or Register to comment.