SiteOrigin Vantage – Weissen Rand in Kopfzeile entfernen

Weissen Rand in der Kopfzeile vom SiteOrigin Vantage Theme entfernen

Wer sich bei der Erstellung einer Landingpage mit dem SiteOrigin Vantage Theme am weissen Rand in der Kopfzeile stört, dem wird mit diesem Code schnell geholfen:

Auf der Startseite:

/* Home */
.home #main {padding-top: 0;}
.home.layout-full .panel-row-style.panel-row-style-full-width {padding-top: 0;}

Auf jeder Seite:

.page {padding-top: 0;}
.page.layout-full .panel-row-style.panel-row-style-full-width {padding-top: 0;}

Code im CSS-Editor von SiteOrigin einfügen

Mit dem oben angegebenen Code kannst du den weissen rand im Header vom SiteOrigin Vantage Theme entfernen. Für all diejenigen unter euch, die eine astreine Landingpage haben möchten, fügen diese Code-Zeile einfach in Ihrem SiteOrigin CSS-Panel ein.

 

SiteOrigin Vantage Weissen Rand im Kopfbereich entfernen

 

Der SiteOrigin CSS Editor ist ein geniales Plugin, welches für mich zur Grundinstallation gehört. Das schöne dabei: Du kannst den CSS Editor für jedes Theme benutzen. Meine Haupt-Webseite betreibe ich mit dem PressCustomizr und auch darin ist der CSS Editor von SiteOrigin eine grosse Hilfe. Dieses Tool spart mir die Installation eines sog. "Child-Themes", da alle Änderungen, die ich hier hineinschreibe auch bei Aktualisierungen erhalten bleiben.

Solltest du den SiteOrigin CSS Editor also noch nicht installiert und aktiviert haben, dann ist dies der erste Schritt.

Im Anschluss rufst du den CSS Editor im Dashboard und dem Menupunkt "Design" auf und kopierst einfach den oben angegebenen Code hinein. Bitte aktualisiere deine Seite und prüfe nach, ob den weissen Rand im Header vom SiteOrigin Vantage Theme entfernen konntest.

Den Original-Artikel von SiteOrigin findest du hier:

Remove white space between menu and hero image