WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Remove inner border in Multiple Category Selection Widget (7 posts)

  1. thefreelancetranslators
    Member
    Posted 1 year ago #

    I'm starting this web. I have just installed the Multiple Category Selection Widget. I would like to know how to remove the border shown around the drop down boxes and the search button.

    Thanks.

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    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.

  3. thefreelancetranslators
    Member
    Posted 1 year ago #

    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.

  4. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

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

  5. thefreelancetranslators
    Member
    Posted 1 year ago #

    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?

  6. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    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).

  7. thefreelancetranslators
    Member
    Posted 1 year ago #

    Ok. It worked now.

    fieldset {
    border: none;
    }

    Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic