Web Accessibility Widget Placement and Repositioning

Learn more about the WP ADA Compliance Check Accessibility Widget!

Web Accessibility Widget Settings

Under the Widget tab of the web accessibility settings you may choose either a top or bottom placement for the widget which will place it in the upper right or lower right corner respectively. If the web accessibility widget overlays a portion of your website in the desired location you may need to move it slightly up or down using CSS.

1. From your dashboard menu choose “Appearance > Customize”.
2. Click on the “Additional CSS” tab.
3. Copy and paste the provided style definition for the desired location (top or bottom)
4. In crease the top or bottom values in increments of 5, until the desired position is achieved.
5. Click “Publish” to save the changes.

Top Position

.wp-ada-compliance-accessibility-widget-hide{
top: 12px;
}

.wp-ada-compliance-accessibility-widget-content{
top: 65px;
}

.wp-ada-compliance-accessibility-widget {
top: 25px;
}

Bottom Position

 .wp-ada-compliance-accessibility-widget {
bottom: 50px;
}

.wp-ada-compliance-accessibility-widget-content{
bottom: 25px;}

  @media only screen and (max-width: 470px){
 .wp-ada-compliance-accessibility-widget {
bottom: 95px;
 }
.wp-ada-compliance-accessibility-widget-content{
bottom: 0px;
}