Bricks Page Builder bessere Anzeige aktiver Elemente

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:

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”