Hide Filters from projects

Hi,

I would like to remove the project filters from one page only.

I tried adding

body.page-id-600 .project-filter {
    display: none;
}

to the custom CSS of my child theme but didn’t work. I also tried adding the same code to PageBuilder Attributes > CSS Styles and it didn’t work. I also tried #filters.project-filter and it didn’t work.

What am I doing wrong?

http://stage.mosan.ch/guatemala/

Thanks

Hi,

You can remove the project filter on that page only with this Custom CSS:

.page-id-600 .project-filter {
    display: none !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,
Csaba

Hi Csaba,

thanks a lot for your reply. Unfortunately it’s not working.

I tried adding the code to the child theme CSS stylesheet and also to the PageBuilder attributes but it does not work.

If I open Chrome inspector on the element and just add “display: none” at the beginning it works. Can you figure out why?

Thanks

Hi,

Please add the Custom CSS to wp-admin -> Appearance -> Customizer -> Additional CSS and let me know how it works then.

Kind Regards,
Csaba

It works now with the Customizer, thanks!

I thought adding it to my child theme’s custom CSS would work the same, but it doesn’t.

Thanks for your support.

Hi,

Great! You’re most welcome! If you need help with anything else, please open a new topic.

Have a nice day!

Kind Regards,
Csaba