Docs

[danareeves]

This is only happening in Firefox… When a button or a linked image is clicked, the content opens in a new tab/window (which is fine) but when you go back to the web page, the button/image that was just clicked displays with either a red border around it or a rectangular border using the theme’s main color. See attached screenshots.

Website: http://the3gbook.com

Is there a fix for this?

Thanks in advance.

[Jade]

Hi Dana,

Try adding following CSS code under Custom > CSS in the Customizer:

a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
  outline: none;
}

Thank you!

[danareeves]

Hi Jade,

Thank you – that helped for the Amazon buy image/link, but not for the integrated buttons – see attached from this page: https://the3gbook.com/press/

Any other ideas?

Thanks!
Dana

[Nabeel A]

Hi again,

Please add the following code in your Customizer:

.x-btn:focus, .button:focus, [type="submit"]:focus {
    outline: none !important;
}

Let us know how this goes!

[Author]

Posts