Articles on: Design

How to hide the blue outlined Autofocus from your popups input fields?

In this help article, we will try to illustrate how you can remove the blue Autofocus on your popups input fields when it appears on your website.

You will have to add this custom CSS script into the popup and you will need to be on a Paid plan to be able to add custom CSS to your popup.
(If you are not on a Paid plan with us, please reach out to our support chat)

The blue outlined Autofocus is for Accessibility purposes but if you still wish to remove it, you can follow the steps as elaborated below:

On your Poptin account dashboard, click on "Edit" beside the popup which you wish to remove the blue outlined Autofocus



Click on Advanced Settings Scroll down to the Custom CSS block



Add this CSS script there

.poptin-popup input:focus, .poptin-popup textarea:focus, .poptin-popup select:focus, .poptin-popup #closeXButton:focus, .poptin-popup .froala-editor-button.outlined {
  outline: 0px solid #4D90FE
 !important;
}


Click on Publish Changes button on the top right corner to save it in the popups settings

Updated on: 15/11/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!