Trick # 596 | Dieser Beitrag beinhaltet 376 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Wenn Sie Ihre WordPress-Login-Seite individuell anpassen, haben Sie wohl bemerkt, dass beim Klicken auf das Logo ein unschöner blauer Rahmen angezeigt wird. Dieser Effekt entsteht durch den Standard-Fokusstil des Browsers, der Links hervorhebt. Doch manchmal kann dies das Design beeinträchtigen. In diesem Beitrag zeige ich Ihnen, wie Sie den blauen Rahmen einfach und sicher entfernen können.
Der blaue Rahmen wird durch einen Fokusstil des Browsers erzeugt. Für Logos auf der Login-Seite ist das allerdings oft nicht erforderlich.
Sie können den blauen Rahmen mit einem einfachen CSS-Stil entfernen. In WordPress lässt sich dies direkt über die functions.php-Datei Ihres Themes umsetzen. Die Datei können Sie im Backend unter Design/Theme-Datei-Editor bearbeiten:
// Blauen Rand beim Klick auf Login-Logo entfernen
function custom_login_logo_css() {
echo '<style>
/* Normalzustand */
.login h1 a {
outline: none;
box-shadow: none;
}/* Fokuszustände – wichtig! */
.login h1 a:focus,
.login h1 a:focus-visible,
.login h1 a:active {
outline: none !important;
box-shadow: none !important;
}/* Firefox spezieller "inner focus ring" */
.login h1 a::-moz-focus-inner {
border: 0;
}
</style>';
}
add_action('login_head', 'custom_login_logo_css');Das war’s schon. Der störende blaue Rahmen auf um das Login-Logo ist beim nächsten Aufruf verschwunden.
Werbung
Werbung
