Support » Allgemeine Fragen » Vorschaubilder der Standard-Galerie zentrieren

  • Gelöst magus83

    (@magus83)


    herzliches hallihallo an alle!

    zunächst muss ich erwähnen, dass dies mein erster eintrag in ein forum ist. man möge mir also bitte verzeihen wenn ich was vergessen habe zu erwähnen etc.

    mein problem:
    ich möchte gerne die standard-galerie von worpress nutzen – zwecks der überschaubarkeit für andere redakteure der website.

    habe ich nun eine galerie in eine seite eingefügt ist diese immer linksbündig und lässt sich nicht ändern.

    ich habe auch schon versucht mittels der funktion.php datei die galerie via style.css zu modelieren, nur da komme ich auf keinen grünen zweig.

    mein wunsch: egal wieviele bilder ich verwende – alle sollen in einer linie mittig oder justify der seite angereit sein… klar, je mehr bilder desto kleiner wird vorschau.

    ich benutzte übrigens ein child-theme von wallstreet.

    bitte um eure unterstützung.
    danke im voraus.
    glg

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Hallo @magus83 und willkommen im Forum,

    wie du auf der Seite „Heuriger“ aktuell sehen kannst, wird die Galerie eigentlich sogar zentriert, aber die Vorschaubilder werden mit float:left innerhalb der Galerie linksbündig aneinandergereiht. Das kannst du mit einer zusätzlichen CSS-Regel im Stylesheet ändern:

    .gallery .gallery-item {
        float: none !important;
        display: inline-block;
    }

    (Das unschöne !important ist nötig, weil das Stylesheet aktuell für eine CSS-Regel die ID statt der Klasse verwendet: #gallery-1 .gallery-item – vielleicht magst du diese fehlerhafte Formatierung auch einfach in den Stylesheet-Anweisungen ändern, die du an ungewohnter Stelle im HTML-Body eingefügt hast.

    Thread-Starter magus83

    (@magus83)

    hallihallo @pixolin,

    vielen dank für deine rasche antwort.
    habe es natürlich gleich mal ausprobiert und die galerie ist ein stück weiter zur mitte gerückt – aber leider noch nicht ganz zentriert – evtl. liegt es am letzten angereihten vorschaubild – kann man dort das margin odg. wegschalten?

    glg

    Klar, das kannst du auch per CSS noch korrigieren.
    Das aktuell verwendete CSS ist aber so verkorkst, dass mir eine Korrektur als freiwillige Hilfe hier im Forum zu aufwändig ist. Vielleicht hat gerade jemand anders mehr Zeit? Oder du versuchst es in einem CSS-Forum.

    Eine gute Einführung in CSS findest du z.B. beim Mozilla Developer Network.

    Thread-Starter magus83

    (@magus83)

    das verstehe ich, aber nochmals danke für den tipp mit „float:none…“
    glg

    Thread-Starter magus83

    (@magus83)

    habe noch folgendes ergänzt:
    .gallery-item a {
    display: inline-table !important;
    }
    .blog-post-title-wrapper img, .blog-post-title-wrapper-full img {
    display: inline-table !important;
    }

    jetzt ist die galerie schön zentriert 🙂

    glg

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Das Thema „Vorschaubilder der Standard-Galerie zentrieren“ ist für neue Antworten geschlossen.