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

The OneTap toggle button looks transparent – how can I fix that?

8 min read
  • Instant Help with AI
  • BETA

General

Customize

Support

Support

Features you asked for

Request Feature

Last update June 2025

The OneTap toggle button looks transparent – how can I fix that?

If the OneTap toggle button appears semi-transparent on your website, you can fix it by adding a small CSS rule to force full opacity.

.apop-container-toggle .apop-toggle {
    opacity: 1 !important;
}

This will make the toggle button fully visible on all pages.

How to apply it:

  • WordPress Customizer: Go to Appearance > Customize > Additional CSS, paste the code above, and click Publish.
  • Elementor Pro: Edit any page, click the ⚙️ icon (bottom left), go to Advanced > Custom CSS, and paste the code.
If the issue continues or you’d like help, feel free to contact our support – we’re happy to assist!