Age Verification Changes doesn’t reflect on website

Hi @williamkhor92,

Thank you for reaching out! I checked your website, and the age verification popup appears to be working perfectly on my end. You can view how it currently displays here: https://prnt.sc/GU4DHupZtHyy

If you are not seeing the changes on your end, here are a couple of troubleshooting steps:

• Admin Login: The popup is typically hidden when you are logged into your website as an administrator. I recommend checking the live site using an Incognito or Private browsing window.
• Site Caching: If you are using any caching plugins, your browser might be loading an older version of the page. Please clear your site’s cache and test again.

If you are still experiencing issues after trying these steps, please reply with a screenshot or a short screen recording, and I would be happy to investigate further.

Best regards,
Yeasin

• This reply was modified 1 month, 2 weeks ago by Yeasin.

Hi @williamkhor92,

I’m following up to see if you had a chance to update to version 1.1.2 and test the popup again.

The update includes a fix for cached pages by adding a client-side cookie check, so the age verification should now behave correctly even when page caching is enabled.

If everything is working as expected, I’ll go ahead and mark this topic as resolved. If you’re still experiencing any issues, just reply here with the details, and I’ll be happy to help.

Thank you for using the plugin!

Best regards,
Yeasin

Hi @williamkhor92 ,

Thanks for reaching out and providing the screenshots! I took a look at your other website (http://www.giftmansion.com.my) to investigate why the popup is displaying differently there.

I can confirm that the plugin itself is functioning perfectly but what you are experiencing on Gift Mansion is a CSS Theme Conflict.

Why is this happening? WordPress themes often contain “global” styling rules for containers and buttons. In this case, your specific theme on Gift Mansion is applying its own strict spacing, box-sizing, and text-wrapping rules to the elements on the page. Because these global theme rules are very dominant, they are “bleeding” into the popup, squishing the main container and forcing the text on the second button to get cut off instead of wrapping nicely.

How to fix it: We can easily override your theme’s global settings and restore the popup’s intended design by adding a small snippet of Custom CSS.

Please go to your WordPress Dashboard, navigate to Appearance > Customize > Additional CSS, and copy/paste the following code:

/* Fix Age Verification Popup Theme Conflict */
#avp-popup, 
#avp-popup .avp-popup-inner {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 440px !important; 
}

/* Fix the squished buttons and cut-off text */
#avp-popup .avp-btn {
    box-sizing: border-box !important;
    white-space: normal !important; 
    height: auto !important;
    flex: 1 !important;
}

Once you publish that CSS, clear your website’s cache, and the popup will display at the correct width with the buttons fully visible!

If you aren’t comfortable adding this code yourself, just let me know and provide a temporary admin login. I’d be more than happy to jump in and apply the fix for you.

Best regards,
Yeasin

@williamkhor92

That is fantastic news! I’m so glad to hear the CSS snippet did the trick and the popup is looking perfect on your site now.

If you have a spare minute and found this support helpful, it would mean the world to me if you could leave a quick review for the plugin on WordPress.org:

https://wordpress.org/support/plugin/advanced-age-verification-popup/reviews/#new-post

Since this is a free plugin, positive reviews are incredibly helpful and keep the project going. (Absolutely no pressure at all, of course!)

Please don’t hesitate to reach out again if you ever need help with anything else. Have a great day!

Best regards,
Yeasin