Textverschiebung in WordPress Plugin SyntaxHighlighter Evolved beheben

Ich verwende das WordPress Plugin SyntaxHighlighter Evolved zum Darstellen von Konfigurationsausschnitten oder Codebeispielen. Leider ist bei meinem eingesetzten WordPress Theme Sparkling der Text standardmäßig etwas nach unten verschoben.

Textverschiebung im SyntaxHighlighter Evolved
Textverschiebung im SyntaxHighlighter Evolved

Diese Verschiebung kann einfach durch nachfolgenden Code im Zusätzliches CSS des Themes behoben werden.

.syntaxhighlighter table td.gutter {
    vertical-align: middle !important;
}

Um das Zusätzliche CSS aufzurufen im Administrationsbereich von WordPress einfach in der Linken Menüleiste auf Design (1), anschließend auf Themes (2) und dort auf Customizer (3) klicken.

WordPress Theme Customizer aufrufen
WordPress Theme Customizer aufrufen

Um nun angezeigten Menü ganz unten auf Zusätzliches CSS klicken.

WordPress Theme Customizer - Zusätzliches CSS
WordPress Theme Customizer – Zusätzliches CSS

In der nun angezeigten Textbox (1) das oben gezeigte CSS Schnipsel hinzufügen und mit einem Klick auf Speichern & Publizieren (2) übernehmen.

WordPress Theme Customizer - Zusätzliches CSS bearbeiten
WordPress Theme Customizer – Zusätzliches CSS bearbeiten

Nach dem Speichern ist die Verschiebung sofort behoben.

Behobene Textverschiebung im SyntaxHighlighter Evolved
Behobene Textverschiebung im SyntaxHighlighter Evolved