Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Diese CSS Regeln können Sie direkt in die Theme-Konfiguration unter “Weitere CSS-Dateien” einfügen. Die Hex-Codes für die Farben können Sie frei bestimmen. Entweder Sie entnehmen die entsprechenden Farben aus der Theme-Konfiguration oder finden hier die passende Farbe: http://www.farb-tabelle.de/de/farbtabelle.htm

“Alle akzeptieren” Button in grün

Code Block
languagecss
<style>
.mnd-privacy-settings-buttons .btn.is--primary, .mnd-cookie-bar-actions .btn.is--primary, .mnd-cookie-overlay-btns .btn.is--primary {
    background: #2ecc71;
}
</style>

Textlinks “Individuelle Einstellungen” und “Nur technisch notwendige akzeptieren” als Button darstellen (Banner-Layout)

Code Block
languagecss
<style>
.mnd-cookie-bar-actions .mnd-cookie-bar-privacy-settings-link, .mnd-cookie-bar-actions .btn-accept-functional {
    background: #777;
    color: #fff;
    text-decoration: none !important;
    line-height: 34px;
    padding: 2px 10px;
    display: inline-block;
    border-radius: 3px;
}
</style>

Link “Nur technisch notwendige akzeptieren” ausblenden

Code Block
languagecss
<style>
.mnd-cookie-bar-actions .btn-accept-functional, .mnd-cookie-overlay-btns .btn-accept-functional {
  display:none;
}
</style>