Remove inner border in Multiple Category Selection Widget

Try using a browser developer tool for this kind of exploratory CSS work.
I used Google Chrome’s built-in Developer Tool and found the culprit CSS (screenshot).

Now that you know the style, from being exposed by the Developer Tool, you can add a new style to override it.

You ought to add new styles externally, not within the theme’s files. Changes to the theme’s files will compromise the theme and be compromised when the theme updates.

External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

Hi, thanks.

I’m using Firebug. I want to apply style to <form class=”wpmcsw form”. The problem is I’m quite new doing this so I don’t know how to apply style to a form class.

I know that for an div id is #div id {} but no idea for this one.

Any indication would be appreciated.

This guide should clear things up https://www.w3schools.com/css/css_id_class.asp

Thanks for the guide, It will be very usefull.

Now, I have add this to the CSS

.wpmcsw form {
border: none;
}

but it’s doing nothing… What am I missing?

The borders aren’t applying to the form element & if it were, those selectors would be wrong. I’ve highlighted the CSS in the screenshot (above).

Ok. It worked now.

fieldset {
border: none;
}

Thanks!