Hide Filters from projects


#1

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


#3

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


#5

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


#6

Hi,

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

Kind Regards,
Csaba


#7

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.


#8

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


#9