How to remove inner border on selected box

  • Resolved freddiehcc

    (@freddiehcc)


    4 years, 7 months ago

    Hello!

    I’m using wpforms on my new website, and love the way they’re working.

    The one problem I have is that when you click and type in a box, the current box you’re editing comes up with a second border, in pale blue inside the principal border. Is there a way to remove this using CSS?

    I’m using WordPress Twenty Nineteen theme.

    Any help much appreciated!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @freddiehcc,

    It looks like there could be a styling conflict between the site theme and the forms. To fix this, please try the following custom CSS snippet:

    div.wpforms-container-full .wpforms-form input, div.wpforms-container-full .wpforms-form label, div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form button, div.wpforms-container-full .wpforms-form textarea {
    outline: 0 !important;
}

    And in case it helps, here’s a tutorial from WPBeginner on how to add custom CSS like this to your site.

    Hope this helps!

    Thread Starter freddiehcc

    (@freddiehcc)

    That’s worked perfectly, thanks so much!

    Hello @freddiehcc,

    Great to hear that! Please always feel welcome to reach out when you have questions about WPForms Lite. ??

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to remove inner border on selected box’ is closed to new replies.