How can I change the way the “opens in a new window” popup looks on my website?

Add the following style to your theme style sheet and change it as desired:

a span.wp_ada_hidden {
position: absolute;
left: -9999px;
font-size: 9pt !important;
border:1px dotted !important;
background-color:#eee;
color:#000;
font-weight:normal !important;
padding: 1px;
font-family:arial !important; width:11.5em;
text-align: center;
}

Beaver Buider Styles

Beaver Builder editor users may find it necessary to insert the following CSS styles under ther Additional CSS tab of their WordPress website to resolve issues with the popup not displaying correctly.

a span.wp_ada_hidden, a.wp-ada-external-popup span.wp-ada-external,
a.wp-ada-external-popup span.wp-ada-external {
color: #000 !important;
}
.uabb-creative-button-wrap a{
overflow:visible !important;}

.wp-ada-colorcontrast3 a span.wp_ada_hidden, .wp-ada-colorcontrast3 a.wp-ada-external-popup span.wp-ada-external,
.wp-ada-colorcontrast3 a.wp-ada-external-popup span.wp-ada-external{
color: #50d0a0!important;
}

Scroll to Top Accessibility Tools
hide