Blue Border on Tablet

  • Resolved juanpablobierzoseo

    (@juanpablobierzoseo)


    3 years, 5 months ago

    Hello, I built a popup with this plugin and at first it had a black border of about 1-2px around it but then I started looking at similar problems on this group and found the following code:

    .pum-content.popmake-content:focus-visible,
    .pum-content *:focus,
    .pum-overlay .pum-content {
    outline: none !important;
    }
    Now the popup has no border on desktop and mobile, however, the border is still showing on tablet, and it appears in blue color. I took a screenshot that can be seen here: https://bigchildcreatives.com/wp-content/uploads/2021/09/Screenshot_14.jpg

    Do you have any code to get rid of the blue border? Thanks in advance!

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

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

    (@belimperial)

    Hi @juanpablobierzoseo

    Thanks for writing in and we apologize for the inconvenience caused.

    That’s happening because a default accessibility feature in popular browsers is clashing with our accessibility defaults. Can you use this workaround for now?

    @media screen and (min-width: 700px) {
    .pum-content:focus {
        outline: none !important;
    }
}

    The above CSS is for tablet devices.
    A fix will be added in the next release. Sorry again for the inconvenience.
    On the other hand, you can also disable the accessibility feature in the popup settings.
    Please see: https://share.getcloudapp.com/yAurzARq

    Hope this helps. If you have any further concerns, please do let us know and we will be happy to help you.

    Thread Starter juanpablobierzoseo

    (@juanpablobierzoseo)

    Thank you, it worked! You guys are doing an awesome job, keep it up!

    Thanks again ??

    Maria T

    (@mariatogonon)

    Hello there @juanpablobierzoseo,

    We’re glad to hear that it worked for you. On behalf of my colleague Bel, you are most welcome! ??

    By the way, if you have a moment then we would very much appreciate it if you could quickly rate the plugin, just to help us spread the word.

    Have a great weekend! Cheers

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Blue Border on Tablet’ is closed to new replies.