CSS Regeln zur Anpassung der Darstellung

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

<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)

<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

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

Link “Nur technisch notwendige akzeptieren” farblich anpassen (Text kann über Textbaustein MndCookieEssentialCookiesAccept geändert werden)

<style>
.mnd-cookie-bar-actions .mnd-cookie-bar-privacy-settings-link, .mnd-cookie-bar-actions .btn-accept-functional, .mnd-cookie-overlay-btns .btn-accept-functional {
  background: #000;
  color:#fff;
}
</style>

Infos zu Cookie-Typen ausblenden

<style>
.mnd-cookie-bar-types-info {
    display: none;
}
</style>

MND Next Shopware Plugins

CSS Regeln zur Anpassung der Darstellung

Analytics

Related content