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.

Design -> Customizer

Zusätzliches CSS

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!

Similar Posts