Cookie Consent: Einstellung Button-Farbe und Textgröße

jjonline

Hallo,

arbeite gerade an einem neuen Projekt (noch nicht online). Es fiel mir nun auf, dass der Button des Cookie Consent-Widgets in einer anderen Farbe angezeigt wird als in den Layouteinstellungen eingestellt. Zudem scheint auch die Schriftgröße der "regulären" Buttons und der des Widgets Cookie Consent unterschiedlich zu sein:

Ich dachte bislang, die Layouteinstellungen (Farbe / Textgröße / Groß- oder Kleinschreibung) der "regulären" Buttons würden übernommen.

Zum Test habe ich eine Demo-Website hochgeladen: https://hosting.zeta-producer.com/6941652139/kontakt.html

Habe im Forum leider keinen Hinweis gefunden, wie man dies einfach anpassen kann.

Steffen T.

Hallo,

da müssen Sie etwas eigenes CSS einsetzen.

Bitte dazu mal folgende Seite lesen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html

Folgender Code sollte dann beispielsweise für die Button-Farbe funktionieren (ungetestet):

Code

<style>
#consent button.default {
    background-color: #bb5a44;
    border: 1px solid #bb5a44;
}
<style>

vogel-hemer

Hallo Steffen,

der Code funktioniert um die Buttons in den Cookie-Einstellungen zu ändern, hier zum Vgl.

Code

/*Beginn Consent Buttons*/
#consent button.default {                                            /*#######  Button "Alle akzeptieren"  #######*/
    padding: 8px 12px;                                                  /* Innenabstand Vertcal / Innenabstand Horizontal */
    color: #ffffff;                                                      /* Schriftfarbe */
    background-color: #27ac19;                                           /* Hintergrundfarbe */
    border: 1px solid #27ac19;                                           /* Rahmendicke / Rahmenstyle / Rahmenfarbe */
    font-size: 1.3em;                                                     /* Schriftgröße */
}
#consent button {                                                    /*####### Button "Einstellungen speichern" #######*/
    padding: 5px 8px;                                                  /* Innenabstand Vertcal / Innenabstand Horizontal */
    color: #333333;                                                      /* Schriftfarbe */
    background-color: #ebebeb;                                           /* Hintergrundfarbe */
    border: 1px solid #333333;                                           /* Rahmendicke / Rahmenstyle / Rahmenfarbe */
    font-size: 0.8em;                                                     /* Schriftgröße */
}
/*Ende Consent Buttons*/

Alles anzeigen

Wenn ich Jörg richtig verstehe, dann geht es allerdings um die Buttons um einen einzelnen Cookie zu aktivieren, zum Beispiel um Google Maps nutzen zu können.

Ich habe die Optik des Buttons über folgendes CSS ändern können, allerdings wird das nur für genau diesen Artikel (mit der ID "a1536") funktionieren...

Code

#a1536 button.default {                                            /*#######  Button "Alle akzeptieren"  #######*/
    padding: 8px 12px;                                                  /* Innenabstand Vertcal / Innenabstand Horizontal */
    color: #0000ff;                                                      /* Schriftfarbe */
    background-color: #ff0000;                                           /* Hintergrundfarbe */
    border: 1px solid #27ac19;                                           /* Rahmendicke / Rahmenstyle / Rahmenfarbe */
    font-size: 1.3em;                                                     /* Schriftgröße */
}

Gibt es eine elegantere Lösung, dies auf einer Ebene für alle Buttons einzubauen - vielleicht eine ID welche bei allen Buttons dieser Art genutzt wird?

Zur Info: ich bin Anfänger beim Thema CSS...

jjonline

Danke an alle, werde beides testen!

Und ja, ich meinte insbesondere die Buttons zu den Hinweisen "Deaktivierter Inhalt" (siehe vorheriger Screenshot und Weblink)

Weil diese Buttons unmittelbar im Content-Bereich der Website angezeigt werden, sollten zumindest diese mit den "regulären" Buttons vom Aussehen her gleich sein, weil es sonst unschön ausschaut.

Daher vermiss(t)e ich integrierte Einstellungsmöglichkeiten in den Widgets selbst, denn eigentlich ist es Standard, dem Corporate Identity Rechnung zu tragen ohne hierfür jeweils zusätzlich CSS manuell bei bestehenden Widgets einsetzen zu müssen.

vogel-hemer

Hallo Jörg,

ich sehe das auch so, dass die Buttons alle gleich aussehen sollten.

Ich habe jetzt in meinem CSS für jedes Widget - bei welchem die Zustimmung zu Cookies benötigt wird - den Code einzeln mit der jeweiligen Objekt-ID hinzugefügt. Da ich relativ wenig solche Widgets eingebaut habe, bleibt der Aufwand überschaubar. Allerdings wird das ganze mit steigender Widgetzahl natürlich sehr umfangreich und auch bei der Pflege muss ich dies immer berücksichtigen. Komfortabel ist das leider nicht - eher nur eine Krücke...

jjonline

Hallo Julian,

würde mir auch wünschen, dass diese Einstellungsmöglichkeiten Bestandteil der Widgets wären und das Entwicklerteam die betreffenden Widgets dahingehend ergänzt.

Ich habe nun etliche bestehende Kundenaufträge nachzubearbeiten, was zeitaufwändig ist (und auch für zukünftige Projekte sein wird).

Für die eigentlich erledigten Kundenprojekte kann ich den Auftraggebern nicht nochmals etwas in Rechnung stellen.

Wie es der "Zufall" will, hatte ich auch schon die ersten Hinweise von Kunden, die dahingehend meinerseits eine Ausbesserung verlangen, die ihnen natürlich auch zustehen.

Meinen Zeitplan bringt das allerdings ordentlich in Bedrängnis. 😟

Stefan S

Hallo,

dass die Buttons zum akzeptieren einzelner Cookies in deaktivierten Widgets eine eigene Farbe haben, hat den Hintergrund, dass bis vor Kurzem deaktivierte Inhalte mit rotem Hintergrund dargestellt wurden. Und da mussten wir eine Farbe vorgeben, die auf dem Hintergrund auch lesbar ist.

Nun ist der rote Hintergrund ja nicht mehr vorhanden und wir können prüfen, ob man die Button-Darstellung in deaktivierten Inhalten analog zu den Layout-Einstellungen machen kann. Wir melden uns wieder…

Stefan S

Ich habe das geprüft. Das werden wir in Version 16.1 entsprechend aktualisieren. Dauert nicht mehr allzu lange.

vogel-hemer

Hallo Stefan,

das sind doch super Neuigkeiten, dankeschön!

jjonline

Super! Herzlichen Dank an das Entwicklerteam!

Cookie Consent: Einstellung Button-Farbe und Textgröße

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?