1. Documentation /
  2. Remove the 'box' around active links

Remove the ‘box’ around active links

By default, when you click a link in Storefront you will notice a box appear around it. This is an accessibility feature that was added in 1.4. You can read more about that here.

The 'box'.
The ‘box’.
In some cases, you might want to change or even remove the feature (although that is not recommended). Doing so is easy:
a:focus,
.focus a {
outline: none !important;
}
view raw style.css hosted with ❤ by GitHub
This snippet should be added using our Theme Customizations plugin.

Note: If you are unfamiliar with code/templates and resolving potential conflicts, select a WooExpert or Developer for assistance. We are unable to provide support for customizations under our  Support Policy.