Cookiebot dialogue box inline CSS

James Home

• April 09, 2021 15:26

I have written custom UI for the cookie dialogue box and used the API instead, however, the cookiebot dialogue sometimes appears. This is very annoying, especially as it is difficult to hide because you've put `display: block` inline! I can't use CSS to hide it myself as a fallback. Not great practice IMO. 

I am going to try and apply some style via JavaScript. 

0

• 

  Spas – vConnect – Community Supporter

  • April 12, 2021 07:33

  Hi, 

  Cookiebot shows and hides the consent banner using JavaScript, so it could be manipulated on button click. You can use JS to control the consent banner behaviour, for example create a function which hides the banner, something like this: 
  
  function hideCookieBanner() {
  var cookiebanner = document.getElementById("CybotCookiebotDialog");
  cookiebanner.style.display = "none";
  }

  Regards

  0

Please sign in to leave a comment.