Join 50,000+ Smart Business Owners using OneTap for better accessibility with 1-Click Installation
Get OneTap
Pricing
A blue rounded square displays a streamlined black human figure, representing inclusivity and ease of use. To the right, the word “OneTap” appears in bold, dark letters with high color contrast for readability. The straightforward design supports clear recognition and ensures all users can easily identify the brand’s focus on accessibility.
Login
Get OneTap

Customize the Toolbar Icon

7 min read
  • Instant Help with AI
  • BETA

General

Customize

Support

Support

Features you asked for

Request Feature

Last update July 2025

Guide

We listened to your feedback and added this feature by popular request.

Customize the Toolbar Icon

You can now fully customize the OneTap toolbar icon to better match your website’s design.
You’ll find the settings in your WordPress dashboard under: 

  • Dashboard
  • OneTap
  • Settings
  • Design
A person navigates a WordPress accessibility toolbar featuring large, clearly labeled icons. They select their preferred accessibility symbol from several options, adjust the icon size using a simple slider, and choose a bold border style for better visibility. Once satisfied with their selections, they locate and press the prominent Save Changes button in the lower left corner of the screen to apply their updates.

Want to customize the icon size in pixels?

Please select the smallest available icon size in your settings.
Then, insert the following CSS code into your WordPress site You can freely adjust the width, height, and padding values to set the icon size exactly as you like.

  • WordPress Dashboard
  • Design
  • Customizer
  • Custom CSS
  • Copy & Paste the Code
Against a deep black background, three bold circles—red, yellow, and green—are evenly stacked in a vertical line on the left side. Each circle stands out clearly with solid color and crisp edges, reminiscent of traffic lights or control buttons for ease of recognition. To the right, large white capital letters spell “CSS” in a clean sans-serif font, providing high contrast for readability. The arrangement mimics an accessibility toolbar interface familiar to many WordPress users: straightforward controls grouped together with clear labeling to support navigation for people with varying needs. 
				
					
.apop-container-toggle .apop-toggle img.design-size1 {
  padding: 5px !important;   /* Adds 5px of inner spacing around the icon */
  width: 40px !important;    /* Sets the icon width to exactly 40px */
  height: 40px !important;   /* Sets the icon height to exactly 40px */
}