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: 75% !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;
}


Posted

in

by

Tags:

The owner of this website has made a commitment to accessibility and inclusion, please report any problems that you encounter using the contact form on this website. This site uses the WP ADA Compliance Check plugin to enhance accessibility.