Exciting News! Flipper Code is now WePlugins! Same commitment to excellence, brand new identity.

Manage UI of cookie popup frontend form

Sandeep Kumar Mishra
Sandeep Kumar Mishra
October 28, 2021
5 minutes read

This step-by-step guide will guide you through the process of customizing the appearance of your cookie popup frontend form. Join us in creating a visually appealing and user-friendly cookie consent interface that not only complies with regulations but also enhances the overall aesthetic of your website.

Follow these simple steps to set up this plugin:

Step 1: Please navigate to the “WP GDPR Pro-> General Settings” in the plugin’s navbar.

Step 2: Please navigate to the Cookie Popup UI Settings” section on this page.

Step 3: Please go to this

When you enable this checkbox you will see here many types of settings are showing.

  • Popup Background / Overlay Color: This setting allows you to change the background color of the popup overlay/bar.
  • Overlay Background Opacity: You can set the overlay background opacity between 0 to 1 according to your preference.
  • Popup Form Background Color: Customize the popup form background color as desired.
  • Popup Form Background Color Hover: Define the popup form background hover color according to your choice.
  • Popup Background Opacity: Set the popup background opacity between 0 to 1 as needed.
  • Popup Text Color: Adjust the popup text color to your preference.
  • Popup Text Hover Color: Set the popup text hover color as desired.
  • Button Background Color: Customize the button background color to match your design.
  • Button Text Color: Change the popup button text color according to your design requirements.
  • Button Background Color Hover: Define the popup button background hover color to match your design.
  • Button Text Color Hover: Set the popup button text color on hover according to your design preferences.
  • Link Color: You can choose any color to highlight URLs given in the popup.
  • Link Color Hover: Define a color for highlighting URLs on hover in the popup.
  • Popup Custom CSS: Add custom CSS as per your specific requirements.

Explore the latest in WordPress

Trying to stay on top of it all? Get the best tools, resources and inspiration sent to your inbox every Wednesday.