Streaming live at 10am (PST)

How do I add shadow to Insites' cookie consent?


#1

Hello! :slight_smile:

How do I add a drop shadow to Insites' cookie consent?

The website is: http://pluspersonale.dk
See the cookie consent box here: https://puu.sh/ufgIz/d5512687c2.png

This is the code:

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#1b5f90"
    },
    "button": {
      "background": "#2581c4"
    }
  },
  "theme": "classic",
  "position": "bottom-left",
  "content": {
    "message": "Vi bruger cookies på vores hjemmeside, så du får den bedste brugeroplevelse.",
    "dismiss": "OK",
    "link": "Læs mere"
  }
})});
</script>

The drop shadow should have these specs:
rgba(0, 0, 0, 0.1)
Angle 180
Distance: 2
Blur: 8
Size: 0

Thanks in advance! :slight_smile:


#2

It has a class of cc-btn, so place a button element on a blank/temp page, give it that class, then style it however you want.


#3

Thank you very much, Samliew! :slight_smile:


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.