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

Post a Review & Save 25%

Post a review on Wordpress.org, then send us a link to your review to receive 25% off of any software purchase.