Docs

[jensjakobsen]

Hi

At http://jcloud.dk I’m running an Icon theme, where the menu at the top will suddenly have an ugly red border around it, or some links (on pictures) will suddenly have the same red border around it.

How can I style it away? See screenshot, without destroying anything else?

[jensjakobsen]

Image upload exceeded size – here it is

[Rue Nel]

Hello There,

Thanks for writing in! I am using the latest Chrome and Firefox trying to replicate the issue. I was not able to see those borders be it in the menu or in the recent post items as shown in the screenshot. Are you using CloudFlare or may have installed a caching plugin like WordFence, W3 Total Cache or WP Super Cache? Please keep in mind that after doing every updates, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Please let us know how it goes.

[jensjakobsen]

Hi Rue.

I’ve managed to replicate what I do, hopefully I can have you give another go.

From the TOP menu, WHEN I click on one of the menu item, I then move the mouse to one of the other menu item – AND WHILE I REMOVE THE MOUSE FROM THE MENU ITEM I CLICKED, IT’LL TURN RED WHEN I PASS THE BEFORE CLICKED MENU ITEM.

Sorry for the capital letters, no intentional offense meant, just trying to explain with my poor English 🙂

[Rahul]

Hey There,

Thanks for writing in!

Regretfully, at this time I am not entirely certain what it is you’re trying to do.
If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do. We’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks for understanding!

[jensjakobsen]

Hi again, I made a screen recording of my problem – please go to: http://jcloud.dk/?page_id=1178 and tak a look.

I want the red borders to go away.

[Darshana]

Hi there,

Thanks for the detailed information. I see your issue now and that is a Firefox related issue. You can add this 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;
}

Hope that helps.

[jensjakobsen]

Hi, unfortunately the issue hasn’t gone away. I pasted the CSS into the costumizer as described 🙁

I’m very grateful for you support, and I hope you’ll give it another go.

[Thai]

Hi There,

Try adding the following CSS under Customizer > Custom > Edit Global CSS:

a:focus, 
a.x-btn:focus, 
select:focus, 
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="submit"]:focus, 
input[type="checkbox"]:focus, 
input[type="button"]:focus {
        outline: none !important;
}

Hope it helps.

[Author]

Posts