Cookie Information re-open icon

If you do not want to use the Cookie Information functionality (icon below) for re-opening the consent pop-up on all pages of your website you are able to apply the re-open function to any other function, button, or link with the script below.

  1. Remember to remove the icon (see how to further below).
  2. The re-open functionality should be accessible on all pages of your website.

The reopen script

javascript:CookieConsent.renew();Example:<button onClick="javascript:CookieConsent.renew();">Renew Consent</button>

Removing the reopen icon

Keep in mind that if you remove this icon, then you need to provide this feature in another way that is of equal ease to the user (see above). You could also choose to change the icon to better suit your style (see how further below).

  • Navigate to app.cookieinformation.com
  • Go to the POP-UP tab in your Consent Solution
  • Then fold out the code fields under ADVANCED SETTINGS.
  • Then scroll down to the last parts of the Javascript code in the javascript functions field
mceclip0.png
  • Navigate to the line of code illustrated below.
renewBtn.style.display = 'block';
  • Then change it from 'block' to 'none'
  • Then press SAVE & PUBLISH.

*If you for some reason decide to enable the icon again, then you can just change this line back to 'block'.

Changing the reopen Icon

  • Navigate to app.cookieinformation.com - Consent Solutions - Pick the Consent Solution you want to change it in - Pop-up - Advanced Settings
  • In the HTML definition of the Consent Pop-up box, press the small arrow next to <svg version=..
    Then, delete the line containing <svg version="1.1'....
mceclip2.png
<img src="https://yourWebsite.com/icons/Some-icon.png" alt="Renew cookie Pop-up button">
  • To resize the icon, look at the Cascading Style Sheet box and locate
    #Coi-Renew {
    Change the width to increase or decrease the icon size.

Did this answer your question?