How to Style the Pop-up
Navigate to go.cookieinformation.com -> Consent Solutions -> pick the consent solution you want to customize-> Pop-up appearance -> Advanced options
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
Moving your logo
The default placement for the insertion of your logo is in the bottom left-hand corner of the pop-up. If you would like to move this to the top corner instead, you can easily do so by following these steps:
You will need to replace the 'coi-banner__footer' to 'coi-banner__text'. This should move the logo placement to the top of the pop-up.
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