Alternative Darstellung der Cookie-Box

Alternative Darstellung der Cookie-Box

Du bist hier:
Geschätzte Lesezeit: 1 min

Du kannst die Darstellung der Cookie-Box mit CSS nahezu beliebig anpassen. Unten findest du ein Beispiel, wie du die Darstellung wie auf dem Bild gezeigt, realisieren kannst. Für diese Darstellung wurde die Position Unten für die Cookie-Box gewählt, die Cookie-Option 2 wurde deaktiviert und die Farbe für Cookie-Option 3 wurde an die Hintergrundfarbe der Cookie-Box angepasst. Den CSS Code kannst du unter Styling > Benutzerdefiniertes CSS hinterlegen.

Beispiel CSS Code

.borlabsCookieHeadline {
	display: none;
}

[data-borlabs-cookie-wrap] [data-borlabs-cookie] p.borlabsCookieExplanation {
	margin: 0;
}

[data-borlabs-cookie-wrap] [data-borlabs-cookie] p.borlabsCookieText {
    margin: 0 20px;
    text-align: right;
    text-transform: none;
}

[data-borlabs-selection-list] .borlabsCookieText {
	display: none;
}

[data-borlabs-cookie-wrap] [data-borlabs-cookie] {
    max-width: 100%;
	width: 100%;
}

[data-borlabs-cookie-wrap] [data-borlabs-cookie] [data-borlabs-selection-list] {
	margin: auto;
}

[data-borlabs-cookie-wrap] [data-borlabs-cookie] [data-borlabs-selection-list]::after {
    content: " ";
    clear: both;
    display: block;
}

[data-borlabs-cookie-wrap] [data-borlabs-cookie] [data-borlabs-selection] ul li {
    float: right;
}

[data-borlabs-cookie-wrap] [data-borlabs-cookie] [data-borlabs-selection] ul li.cookieOption3 {
    font-size: 11px;
    line-height: 21px;
}

@media only screen and (max-width: 320px) {
    [data-borlabs-cookie-wrap] [data-borlabs-cookie] [data-borlabs-selection-list]::after {
        content: "";
    }
    
    [data-borlabs-cookie-wrap] [data-borlabs-cookie] [data-borlabs-selection] ul li {
        float: none;
    }
    
    [data-borlabs-cookie-wrap] [data-borlabs-cookie] [data-borlabs-selection] ul li.cookieOption3 {
        font-size: 11px;
        line-height: 21px;
    }
}
War der Artikel hilfreich?
Nicht hilfreich 4
Aufrufe: 832

Cookie-Einstellung

Bitte treffen Sie eine Auswahl. Weitere Informationen zu den Auswirkungen Ihrer Auswahl finden Sie unter Hilfe. Datenschutz | Impressum

Treffen Sie eine Auswahl um fortzufahren

Ihre Auswahl wurde gespeichert!

Hilfe

Hilfe

Um fortfahren zu können, müssen Sie eine Cookie-Auswahl treffen. Nachfolgend erhalten Sie eine Erläuterung der verschiedenen Optionen und ihrer Bedeutung.

  • Cookies zulassen:
    Wir nutzen Google Analytics zur Erfassung der Besucher-Statistik und Verbesserung der Seite.
  • Nur notwendige Cookies zulassen:
    Wir verzichten auf den Einsatz von Google Analytics, setzen jedoch Cookies von Paddle für den Bestellprozess.

Sie können Ihre Cookie-Einstellung jederzeit hier ändern: Datenschutz. Impressum

Zurück