Support » Theme: Modern » Trying to remove dotted outline from send button

  • Resolved cmurway

    (@cmurway)


    Hello All,

    I was able to remove most of the dotted outlines (after you click) from the links/images etc. but I can’t for the life of me remove the last one on both of my contact forms (send button). Any recommendations? Thanks.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    Hi,

    I can see you have already found a solution. Just to let you know, due to accessibility reasons it is not recommended to remove the outline around focused clickable elements. But surely, this is purely on your preference 😉

    Just for others, you need to apply this custom CSS to remove the focus outline from buttons:

    .button:focus,
    button:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus,
    .main-navigation-container .button > a:focus,
    .menu-toggle:focus {
    	outline: none;
    }
    

    Regards,

    Oliver

    Thank you! I will make update my css. Hope all is well.

    Sincerely,
    Craig

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.