Werkzeugleiste / Adminbar Farbe ändern

Gelöst rafael1
(@rafael1)

vor 6 Jahren, 6 Monaten
Moin,

ich würde gerne die Farbe der Werkzeugleiste ändern. Diese ist Momentan Schwarz und passt sich auch nicht dem Farbschema an, das im Profil eingestellt werden kann. Ist das irgendwie möglich?

Ich hatte auch schon dies in der functions.php bzw. style.css ausprobiert:
```
<?php
add_action('wp_head', 'change_bar_color');
add_action('admin_head', 'change_bar_color');
function change_bar_color() {
?>
<style>
#wpadminbar{
background: #D3D3D3 !important;
}
</style>
<?php
}
?>
```
```
#wpadminbar .quicklinks a,#wpadminbar .shortlink-input {
color:#939393!important;
text-shadow:#939393 0 0px 0!important;
}
```
```
#wpadminbar .quicklinks a:hover,#wpadminbar .shortlink-input:hover {
color:#00BFFF!important;
text-shadow:false 0 0px 0!important;
}
```
Das sieht wie folgt aus:
https://www.dropbox.com/s/vyeosfj7ycjcq1n/Adminbar.png?dl=0

Besteht evtl. die Möglichkeit die Farbe der Icons zu ändern, dass diese in schwarz besser hervorgehoben werden?
Kann in der Werkzeugleiste der aktuelle ausgewählte Menüeintrag (im Bild: Menüeintrag „Seite bearbeiten“) auch geändert werden, so dass dieser im Hintergrund in Grau erscheint?

Viele Grüße
Rafael
- Dieses Thema wurde geändert vor 6 Jahren, 6 Monaten von rafael1.

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)

Juan Roldan Güpner
(@itsbw)

vor 6 Jahren, 6 Monaten

Hallo Rafael,

du hast es genau richtig gemacht: mit

#wpadminbar {
background: #D3D3D3 !important;
}

änderst Du die entsprechende Farbe in der Admin-Bar.

Im Browser kannst Du sehen, ob Deine CSS-Regel überhaupt angenommen wurde und ggf. warum nicht.

Ich vermutet, dass da ein cache o.ä. dazwischenfunkt.

mit besten Grüßen
Juan Roldan Güpner – IT-Service BW

Moderator Torsten Landsiedel
(@zodiac1978)

vor 6 Jahren, 6 Monaten

Das Farbschema wird im Frontend absichtlich nicht übernommen.

Mit diesem Plugin änderst du dieses Verhalten:
https://wordpress.org/plugins/admin-bar-color/

Gruß, Torsten
Thread-Starter rafael1
(@rafael1)

vor 6 Jahren, 6 Monaten
Super, mit dem Plugin klappt es sofort. Vielen Dank 🙂

Mit dem folgenden Code hat das soweit auch geklappt, zwar wurden die
Farbe der Logos nur geändert, wenn man mit der Maus auf den jeweiligen
Eintrag in der Leiste geht, aber sonst war es einheitlich mit der Farbe.
Mit der Logo Farbe müsste das noch minimal angepasst werden.
```
#wpadminbar .quicklinks a,#wpadminbar .shortlink-input {
color:#939393!important;
text-shadow:#939393 0 0px 0!important;
}

#wpadminbar .quicklinks a:hover,#wpadminbar .shortlink-input:hover {
background-color:#D3D3D3!important;
color:#000000!important;
text-shadow:false 0 0px 0!important;
}

#wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar .ab$
background:  #D3D3D3 !important;
}

.ab-sub-wrapper{
background: #D3D3D3  !important;
}
```
So sieht das mit dem Code aus:
https://www.dropbox.com/s/tfsamrlh6v9ylgm/Adminbar2.png?dl=0

Mit dem Plugin:
https://www.dropbox.com/s/335qvygqifxvolo/Adminbar3.png?dl=0

Vielen Dank für eure Hilfe 🙂

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)

Das Thema „Werkzeugleiste / Adminbar Farbe ändern“ ist für neue Antworten geschlossen.

Ansichten