[Resolved] Hiding taxonomy option

[Author]

Posts

[leilaG]

Hi, I am trying to hide a taxonomy option and have tried:

select[name="wpv-wpcf-location"] option[value="Discovery, Laurus"] {
display: none!important;
}

and

select[name="wpv-wpcf-location[]"] option[value="Discovery, Laurus"] {
display: none!important;
}

But it's not working. Thanks

[Raja Mohammed]

The screenshot shows that the element is a checkbox however the css snippet that you have is for the select and option fields.

Alter the css snippet as

input[type="checkbox"][value="Discovery, Laurus"] {
 display:none;
}

Also, I would consider using the element id hidden link

#form-98119e5bb7c6486e875ce34fcc17a9f8-3{
 display:none;
}

[leilaG]

Hey Raja, thanks for the code, so the first snippet just removed the scheckbox but not the words/label Discovery, Laurus and the 2nd snippet didn't do anything.

[Raja Mohammed]

Modify the snippet to target the label of the checkbox as well , Try the below snippet

input[type="checkbox"][value="Discovery, Laurus"], 
input[type="checkbox"][value="Discovery, Laurus"] + label {
 display:none;
}

[leilaG]

Worked perfectly. Thank you!