X Theme Bug: Remove outline or border from links

Here’s a quick tip to fix a really annoying visual bug that’s been happening in the X Theme by Themeco since the latest WordPress updates. All the links on the website now show a weird outline/border/highlight when clicked, which totally messes up the site’s aesthetics:

To get rid of this outline, here’s a super quick and simple solution.

Just go to the Customize tab and select the Custom option:

Then in the CSS field:

Add the following code:

/*FIX FOR LINK BORDER BUG*/
a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
  outline: none !important;
}

Save your changes and the problem is solved.

Of course, you can also paste this code into your Child Theme’s CSS editor.

Voilà! 😉

Leave a Reply

Your email address will not be published. Required fields are marked *