Layout Break mit Hueman Theme und WebLizar Responsive Photo Gallery Pro

Bei Verwendung von Foto-Galerien mit Hilfe des WebLizar Responsive Photo Gallery Pro Plugins mit dem Hueman Theme kommt es zu dem Problem, dass das Layout unterbrochen wird. Dies stellt sich so da, dass der Content-Container des Beitrags nicht die vorgesehene Breite hat, sondern verschmälert wird. Gleiches passiert mit der Startseite, sobald der Beitrag mit der Galerie nicht mehr der Top-Beitrag ist.

Um das Problem zu beheben, muss per Custom CSS die Breite des Content-Containers auf 100% gesetzt werden. Custom CSS Einstellungen sind zu finden im Customizer unter Advanced Options.

Mit folgendem Eintrag wird die Breite des Content-Containers auf 100% gesetzt:

.postid-<Beitrags-ID> .container {
width: 100%;
}
Custom CSS

Custom CSS

Da dass Custom CSS unter Anderem auch aus der Beitrags-ID besteht (im obigen Beispielbild die 3378), muss der Eintrag für jeden Beitrag angelegt werden, der eine Foto Galerie enthält. Die Beitrags-ID lässt sich z.B. aus der Adressleiste ermitteln, wenn der entsprechende Beitrag in Bearbeitung ist:

Beitrags-ID

Beitrags-ID

Da auch Seiten in WordPress als Beiträge geführt werden, gilt obige Anleitung und das Custom CSS auch für Seiten.

Anders sieht es für die Home-Page aus, da diese keine ID Nummer hat sondern eigentlich id:home. Leider funktioniert der Parameter .pageid-home jedoch nicht. Hier muss der CSS Parameter .home verwendet werden:

.home .container {
width: 100%;
}

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.