How to Style the Pop-up
Navigate to app.cookieinformation.com -> Consent Solutions -> pick the consent solution you want to customize-> Pop-up appearance -> Advanced options
The following guide is for templates Overlay v2 and Overlay v3 version 1.1.0 or higher
Changing the colours
Starting from version 1.1.0 for templates Overlay v2 and Overlay v3, we have introduced CSS variables. These variables allow changing colours on the consent pop-up easily. All that is required is the colour you would like to use on the pop-up in HEX format, for example, #2C622C.
To change the colours, you need to change the HEX colour value next to the variable name in the Cascading Style Sheet(CSS) box. These variables will be located at the top of the box.
Below is the description of which elements are controlled by which of the variables:
Inserting your logo
To insert your own logo in the template Overlay and Overlay v2, you need to have a URL address pointing at the logo ready, like https://yourwebsite.com/images/mylogo.png
The logo has to be an URL to .png or .svg file and should not be a jpeg. file
Removing your logo
If you'd like to remove your logo find the imagePath variable as described above. There, you should see a link to your logo.
Highlight the link and delete it so that the line looks like this:
var imagePath= ''; // Change this to your own logo