NextGen Gallery - Thumnails-Abstand zum Titel

Zitat von maddin76

Moin Leute,

hab mit NextGen-Gallery folgendes Problem, wie man auf im Test-Eintrag meiner Seite sieht.

Es erscheint ganz normal der Titel und bevor die eingefügte Bildergalerie in der Thumnail-Vorschau erscheint, gibt es einen riesengroßen Abstand (also zwischen Titel und Thumbnails). Egal mit welchem Browser ich mir die Sache anschaue (habe IE, FF, Opera & Iron) - der Abstand ist bei allen so!

Hab hier bei der Forensuche einen Beitrag gefunden, der das Problem ebenfalls beschreibt und wo man als Lösung die ".widht"-Angabe in den CSS-Dateien von 100% auf z. B. 99% reduziert. Bei mir klappt das aber nicht so, wie ich das möchte: Auch nach Änderung in der nggallery.css und hovereffect.css bleibt der riesengroße Abstand erhalten...

Habt Ihr noch einen anderen Lösungsvorschlag?

Gruß Maddin

Alles anzeigen

Hallo Maddin, ich gehe da immer mit dem HTML/CSS Debugger der Browser ran. Bei Mozilla ist es der Firebug, Opera der Dragon und IE hat auch einen. Die zeigen Dir die CSS Elemente super an und Du kannst sie mal so ändern um die Wirkung zu sehen !

In Deinem Fall hat die CSS [COLOR=black]Klasse[/COLOR] [COLOR=black].ngg-galleryoverview einen margin-top von 10px. Solltest Du rausnehmen oder sogar ins negative verschieben, dann rutscht der div richtig nach oben. Ich habe übrigens eine extra css Datei bei meiner Seite, die ich lade und wo ich all solche Spezialitäten reinpacke um sie nicht beim nächsten Update eines Plugins/WP/Theme zu überschreiben.[/COLOR]

Gruß: Friedrich

Zitat von maddin76

Hallo Friedrich,

vielen Dank für Deine Antwort. Habe nun in den entsprechenden css-Dateien den Eintrag "margin-top 10" herausgenommen, jedoch funktioniert es danach ebenso wenig... !?

Mit dem Browser-Debuggen kenne ich mich leider nicht so richtig aus...

Nochn Tipp?

Maddin

Alles anzeigen

* Nein Maddin, willst Du das Layout Deiner Wordpress Präsenz, bei der Du von Fremden geschriebene Plugins verwendest, an Deine Vorstellungen anpassen kommst Du IMHO um Browser-Debugger und CSS nicht drum rum. Von außerhalb kann man da nicht helfen. Also Mozilla installieren und den Firebug dazuladen und probieren. Du wirst Dich wundern, wie schnell Du den Aufbau Deiner Wordpress-Seite durchschaust und dass Verschönerungen plötzlich funktionieren.



Also nur Mut!


Friedrich

in der hovereffect.css ändern:

Zitat

.ngg-galleryoverview {
overflow: hidden;
[COLOR=Red]/* clear:both; */ [/COLOR]
display:block !important;
}