Portfolio multiple filters

steventjuh · November 2022

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:

Filter on location/city, example: Amsterdam
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

Phil · November 2022

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

steventjuh · November 2022

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/

Phil · November 2022

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

steventjuh · November 2022

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

Schermafbeelding-2022-11-25-om-15.44.03.jpg

Phil · November 2022

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

Portfolio multiple filters

Comments