Springen der Fancybox verhindern

Mit Fancybox for WordPress steht ein Plugin bereit, dass schnell und einfach eine Fancybox für Grafiken in WordPress bereit stellt.

Bei einigen Themes hatte ich jedoch das Problem, dass sich die Fancybox, nachdem sie fertig geladen war, ein paar Pixel nach links unten bewegt hat. Nicht wirklich schlimm, aber einfach nicht schön.

Beheben kann man das Problem, indem man dem Stylesheet des Themes folgende Zeile hinzufügt:

#fancybox-wrap, #fancybox-wrap * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

Anschließend sollte die Fancybox ihre Position behalten, auch wenn sie fertig eingeblendet ist.

Schreibe einen Kommentar