Bricks Page Builder bessere Anzeige aktiver Elemente

Autor
Lesezeit
Share

Ich bin ja ein großer Bricks Page Builder Fan, aber das UI könnte ein wenig verbessert werden. Für mich ist die Anzeige der aktiven Elemente ein wenig zu unscheinbar. Zum Glück kann man dies aber einfach mit ein wenig CSS ändern:

#bricks-panel-tabs li.active {
    box-shadow: 0 0 0 2px #ffd64f;
}
.bricks-panel-controls .has-setting .indicator {
    border-radius: 0px;
    height: 50px;
    width: 2px;
    margin-left: -16px;
	background-color: #ffd64f;
}

.active-class.active:has(.locked) {
    border: 1px solid #ffd64f!important;}
}

Den Code unter "Design - Customizer - Zusätzliches CSS" eintragen*

Das Ergebnis sieht dann so aus:

schnappschuss 092922 033136 pm

Und wenn eine Klasse gesperrt ist, sieht es dann so aus:

*EDIT
Es ist auch möglich, das direkt in Bricks einzutragen. Dafür gibt es den "Builder-Modus - Benutzerdefiniert"

schnappschuss 093022 103941 am

Hinterlasse den ersten Kommentar