Borlabs Cookie – Logo und Text zentrieren

Borlabs Cookie – Logo und Text zentrieren

Standardmäßig bietet das Borlabs Cookie Plug-In für WordPress nur die Möglichkeit an, ein Logo neben der Überschrift „Datenschutzerklärung“ zu platzieren.

Mit etwas css Code, den man am besten unter „Design“ -> „Customizer“ unter „zusätzliches CSS“ platziert, kann man das aber leicht ändern.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Zuerst muss man dafür sorgen, dass das umschließende DIV Tag nicht mehr als Flex Box agiert. Außerdem soll der Text darin zentriert werden.


#BorlabsCookieBox ._brlbs-flex-center {
display: block;
text-align: center;
}

Anschließend soll das Logo mittig ausgerichtet werden. Außerdem soll es für die Platzierung die volle Breite verwenden. Und etwas Abstand nach unten darf auch nicht fehlen.

#BorlabsCookieBox .cookie-logo {
margin: 0 auto;
margin-bottom: 0.5rem;
display: block;
}

Jetzt fehlt nur noch der Fließtext, der auch eine mittige Ausrichtung erhaten soll.

#BorlabsCookieBox p {
text-align: center;
}

Fertig ist die Cookie Box!

Michael Rademacher

CEO, Creative Director & Web Developer

Michael Rademacher hat Multimedia und Kommunikation studiert und mit Bachelor of Arts abgeschlossen. Seit 2003 ist er selbstständiger Webentwickler und Filmemacher. Seine Kreativagentur realmaker realisiert Webprojekte, Imagefilme, Webcasts und Luftaufnahmen.

Kommentare

Ähnliche Beiträge

Cookies aktiv zulassen & spezifische Auswahl

Lieber realmaker Kunde, bestimmt ist Ihnen aufgefallen, dass immer mehr Websites Cookie Banner mit individuellen Cookie Einstellungsmöglichkeiten anbieten. Noch bevor Sie diese Websites nutzen können, müssen Sie akzeptieren, dass Cookies gesetzt werden und entscheiden, welche […]

WordPress – Druckversion einer Website mit print.css Stylesheet optimieren

Wer schon einmal eine Website gedruckt hat weiß, wie miserabel die Druckbarkeit von Websites sein kann. Auch bei WordPress Websites ist das nicht anders – falls man nichts dagegen unternimmt. Standardmäßig ist das Stylesheet des Themes […]

WordPress 5.0 kommt – mit neuem Standard Editor

Ab dem 6. Dezember 2018 wird das neue Major Release von WordPress ausgerollt. Mit dabei ist ein neuer Editor: Gutenberg. Der bisherige Classic Editor von WordPress wird komplett gestrichen. Gutenberg ist mehr als ein „Texteingabefeld“, […]

Zusätzliche Maßnahmen für die DSGVO

Dieser Beitrag dient in erster Linie dazu, meine Kunden über die DSGVO zu informieren, für die ich bereits die entsprechenden Anpassungen auf den Websites vorgenommen habe. Er stellt keine Rechtsberatung dar und behandelt nicht die […]