Black highlight around clicked links

Hey @bmckechnie,

That styling of ‘focused’ links is part of the default setup of the Twenty Twenty-one theme – and you’re correct, it doesn’t look like there’s settings anywhere to change that.

It looks like it is possible to use some CSS to change that though. Could you please try going to the Customizer (Appearance > Customize) and then adding the code below to the ‘Additional CSS’ section.

/* Remove focus style on links */
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background:unset;
	color:unset;
	text-decoration:underline;
}

It got rid of the black box that appears when you click (I still get the dots when I hover over the link but the box was the biggest issue so I can live with the dots). Thank you so much for your help with this!

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer