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](https://blog.buettner.xyz/wp-content/uploads/2017/06/syntaxhighlighter-evolved-verschoben.png)
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](https://blog.buettner.xyz/wp-content/uploads/2017/06/wordpress-theme-customizer.png)
Um nun angezeigten Menü ganz unten auf Zusätzliches CSS klicken.
![WordPress Theme Customizer - Zusätzliches CSS](https://blog.buettner.xyz/wp-content/uploads/2017/06/wordpress-theme-customizer-zusaetzliches-css.png)
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](https://blog.buettner.xyz/wp-content/uploads/2017/06/wordpress-theme-customizer-zusaetzliches-css-bearbeiten.png)
Nach dem Speichern ist die Verschiebung sofort behoben.
![Behobene Textverschiebung im SyntaxHighlighter Evolved](https://blog.buettner.xyz/wp-content/uploads/2017/06/syntaxhighlighter-evolved-passend.png)