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.

WooCommerce

The most customizable ecommerce platform for building your online business.

  • 30-day money-back guarantee
  • Support teams across the world
  • Safe and secure online payment