Support » Plugin: Cookie Notice for GDPR & CCPA » color of the cookie buttons

  • Hi,

    I want to change the color of the cookie buttons but it doesn’t work. my changes are not accepted. This is my actual css

    `/* Cookie – Leiste */
    #cookie-notice {
    background: rgba(255, 255, 255, 1 ) !important; /*Hintergrundfarbe der Leiste*/
    border-top-color: #ebd0bb; /*Farbe des Rahmens – oben*/
    border-top-style: solid; /*Rahmenart des Rahmens – oben*/
    border-top-width: 4px; /*Dicke des Rahmens – oben*/
    }
    /* Cookie – Button */
    #cookie-notice .button.wp-default {
    background: #ebd0bb; /*Hintergrundfarbe*/
    border-color: #444; /*Rahmenfarbe*/
    color: #fff; /*Schriftfarbe*/
    text-shadow: 0 0px 0 #fff; /*deaktivierung des Schattens bei der Schrift*/
    font-size: 13px; /*Schriftgröße*/
    border-radius: 6px 6px 6px 6px; /*Abrundung der Ecken*/
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.6); /*Schatteneffekt rund um die Buttons*/
    }
    /* Cookie – Button – Hover Effekt */
    #cookie-notice .button.wp-default:hover, #cookie-notice .button.wp-default:focus {
    background: #fff;
    border-color: #444;
    color: #f29400;
    }

    the color should be #ebd0bb but is still the original orange. Who can help me?

Viewing 1 replies (of 1 total)
  • Hi @mariesophie

    I’m using this CSS for the different buttons:

    /* Akzeptieren – Button */
    #cn-accept-cookie {
    background: #FE005A; /*Hintergrundfarbe*/
    color: #fff; /*Schriftfarbe*/
    font-size: 14px; /*Schriftgröße*/
    font-family: Poppins; /* Schriftart */
    line-height: 1.2; /* Zeilenhöhe */
    padding: 1.1em 2.2em; /* Abstand zum Rand */
    border-radius: 4em; /*Abrundung der Ecken*/
    -webkit-box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.2); /*Schatteneffekt rund um die Buttons*/
    }
    /* Ablehnen – Button */
    #cn-refuse-cookie {
    background: #fff; /*Hintergrundfarbe*/
    color: #999; /*Schriftfarbe*/
    font-size: 14px; /*Schriftgröße*/
    font-family: Poppins; /* Schriftart */
    line-height: 1.2; /* Zeilenhöhe */
    padding: 1.1em 2.2em; /* Abstand zum Rand */
    border-radius: 4em; /*Abrundung der Ecken*/
    }

    You can find the full CSS at scueeze.com.

    Hope this helps.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.