Gridly Zentriert - bzw. wie bekomme ich Elemente innerhalb eines <div> zentriert?

  • Hallo zusammen,

    ich bastel gerade am Umbau des Gridly Theme (http://www.eleventhemes.com/gridly/)
    und bin auch schon gut vorran gekommen.

    Nur scheitere ich an einer Sache, ich möchte die Bilder innerhalb der "post-area" zentriert darstellen,
    nur gelingt es mir mit keiner der bekannten Möglichkeiten (margin: 0 auto; oder text-align:center;).
    Die Bilder bleiben immer, wie beim Demo-Theme zu sehen, links angebunden.

    Ich wäre über jeden Tipp dankbar!

    Jordi

    • 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

  • [FONT=verdana]So dann antworte ich mir mal selbst [/FONT]:D[FONT=verdana]

    In der Datei functions.js im Pfad: wp-content/themes/gridly/js/
    fügst du folgendes bei:

    // masonry code
    [/FONT][FONT=verdana]unter
    isAnimated: true,
    die Zeile:
    [COLOR=#008000]isFitWidth: true,
    [/COLOR]ein.

    Nun noch in der custom.css vor dem post-area Abschnitt:
    #post-area {margin: 0 auto;}

    Und schon sollten die Startseite zentriert dargestellt werden.

    Viel Spaß :-P[/FONT][FONT=verdana][/FONT]

Jetzt mitmachen!

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