Blank area when clicking on link

That’s happening because of the following CSS code:

:focus {
    border-width: 1px;
    border-color: #000000FF;
    border-style: none;
    background-color: #FFFFFFFF;
    box-shadow: 0px 0px 9px #63626243;
}

The code is coming from this file: /wp-content/uploads/oxygen/css/universal.cs (perhaps from the Oxygen page builder?)

Check your page builder or theme’s settings to see if you can set the default focus behaviour, and change the background image. If there’s no such option, you can add an exception for links via custom CSS, like:

a:focus {
    background-color: unset;
}

Good luck!

Hi kambro,

I cannot reproduce the issue you mention using the latest version of Chrome on a MacBook. Can you provide screenshots or specific steps to reproduce the issue?

I cannot reproduce the issue you mention using the latest version of Chrome on a MacBook. Can you provide screenshots or specific steps to reproduce the issue?

From Firefox, Chrome, Edge & Brave browsers on Windows and Ubuntu Linux:

Ah, perfect; now I can reproduce it. I think your note on the CSS is spot on. There is probably a setting that can be modified via the Oxygen site builder interface to modify that CSS. But, I haven’t used Oxygen before. Kambro, you could try and ping their support and they might be able to help you find that setting.

Thank you very much for your help.

@gappiah Oh, yes, it’s my fault. I have used this CSS code in order to style by default all the fields like contact areas and account settings.

Now I changed the default settings and add an ID to the selectors in order to avoid this inconvenience. It looks fine.

Best regards.