Wie zentriere ich NGG Gallery Slideshow auf die Seite?

  • Hallo Leute!

    Wie kann ich die Slideshow-Funktion von NGG Gallery zentrieren?

    Siehe Link:
    http://www.kwirandt.de/bilderwelt/nor…ter/?show=slide

    Meine Homepage basiert auf Theme Twenty Ten, und ich verwende verschiedene Seitentemplates.

    Um das Starticon zu zentralisieren ersetzte ich in der "Black Minimalism Theme"

    Im Bereich
    .ngg-gallery-thumbnail-box

    den Eintrag
    float:left;

    durch
    margin-left:380px;

    siehe Link:
    http://www.kwirandt.de/bilderwelt/nor…-lich/blaetter/

    Und um das Bild des Imagebrowsers zu zentralisieren

    fügte ich im Bereich
    .ngg-imagebrowser img

    folgenden Eintrag hinzu
    margin-left:135px;

    siehe Link:
    http://www.kwirandt.de/bilderwelt/nor…aetter/?pid=199

    Nur bei der Slideshow-Funktion scheint das nicht zu klappen.
    Folgende Einstellungen dazu fand ich in der "Black Minimalism Theme"

    /* ----------- Slideshow -------------*/
    .slideshow {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    outline: none;
    }

    weder
    margin-left:center;
    margin-right:center;

    noch

    margin-left:135px;

    hatten irgend eine Auswirkung.
    Weiß jemand, wo ich was ändern muß?
    Ich vermute, das hängt mit dem Link über dem Bild zusammen das ich in einer anderen CSS was ändern muß - aber wo?

    Gruß Frank

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hallo infected!

    Sorry, klappt leider auch nicht.
    Ich vermute mal, das hängt damit zusammen, daß der Seite irgendwie "übergeordnet" ein Format aufgezwungen wird das ich in einer anderen CSS (evtl der Style.css) ändern muß, oder einer CSS von NGG Gallery, in der der Text "Zeige Bilder als 20 Sekunden Diashow" eingetragen wird.

    Ich habe so einen Fall schon mal gehabt, das ich ums Verrecken nicht hinbekommen habe, bei einzelnen Tabellen den Rahmen sichtbar zu machen.

    Gruß Frank

  • Dies ist zwar keine tolle Lösunge, aber setze einfach

    HTML
    <center></center>

    um das Div und deine Galerie wird in der Mitte dargestellt.

  • Hallo Pero!

    Wenn ich

    <center>[slideshow id=11 w=600 h=1000]</center>

    auf einer Single-Seite anwende, dann klappt es.
    Ich möchte aber gerne, daß die User zwischen Slideshow und Thumbnail-Sicht wählen können.

    Du schriebst, daß ich "center" auch um das div machen könnte - wenn ich nur wüßte, wo sich das befindet?
    Ich habe mir mal den Quelltext von einer Seite anzeigen lassen, und habe folgende Einträge gefunden...
    ...wahrscheinlich befinden die sich in irgend einem File von NGG.
    In der Style.css sind sie jedenfalls nicht zu finden.

    <div class="entry-content"> <p style="text-align: center;"> <div class="ngg-galleryoverview" id="ngg-gallery-24-1225"> <!-- Slideshow link --> <div class="slideshowlink"> <a class="slideshowlink" href="/bilderwelt/normalbilder/schattenwelt/?show=slide"> [Zeige Bilder als 20 Sekunden Diashow] </a> </div>

    Gruß Frank

  • Habe das Problem gelöst.

    Ich hatte nur mal eine Icon-Gallerie auf eine einzelne Seite
    eingebunden.

    [nggallery id=11]

    Dabei fiel mir auf, daß auch der Text "Zeige Bilder als 20 Sekunden
    Diashow" angezeigt wurde.
    Wenn ich den Code nun zentriere, dann wird auch die anschließende
    Slideshow zentriert angezeigt.

    <center>[nggallery id=11]</center>

    siehe Link
    http://www.kwirandt.de/bilderwelt/normalbilder/natur-lich/blaetter/

    Das wird wohl ungefähr das sein, was Pero meinte.

    Gruß Frank

  • Ja so in etwa habe ich das gemeint :D

    ich wusste nicht wie das Plugin funktioniert das du verwendest...manche Plugins müssen ja manuell einen php-code in den header eingefügt bekommen und dort hättest du dann <center></center> einsetzen sollen.
    Aber so klappt es ja auch ;)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!