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

 

So dann antworte ich mir mal selbst

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

// masonry code
unter
isAnimated: true,
die Zeile:
isFitWidth: true,
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ß