How to Remove Unwanted Dotted Outline in WordPress (Astra Theme)
Website Technical Support
Author: Leo MA
31/05/2024
If you’re using WordPress with the Astra theme and you notice a dotted outline around your header or links when clicked, it can be visually distracting. Fortunately, there’s a simple solution to remove these unwanted outlines by adding custom CSS. Here’s a step-by-step guide from Adver Marketing to help you do just that.
Step-by-Step Guide to Remove Dotted Outline
Log in to Your WordPress Dashboard
- Go to your WordPress website and log in with your admin credentials.
Navigate to the Customizer
- In the left-hand menu, hover over “Appearance” and click on “Customize.” This will open the WordPress Customizer.
Access the Additional CSS Section
- In the Customizer, scroll down and click on the “Additional CSS” option. This is where you can add custom CSS to your theme.
Add the Custom CSS Code
- In the Additional CSS field, paste the following code:
a:active, a:focus {
outline: 0;
border: none;
-moz-outline-style: none;
}
- Publish Your Changes
- After adding the code, click the “Publish” button at the top of the Customizer to save your changes.