We moved to a new Elmastudio Theme Support forum. You will need to register in the new forum, but of course all open questions will still be answered here over the next days. Please submit all new questions directly in the new forum. Thank you so much for your understanding!------Wir sind auf ein neues Elmastudio Theme Support forum umgezogen. Du wirst dich im neuen Forum noch einmal neu anmelden müssen, aber natürlich werden wir alle hier offenen Fragen über die kommenden Tage weiterhin beantworten. Bitte stelle alle neuen Fragen direkt im neuen Forum. Vielen herzlichen Dank für dein Verständnis!

onigiri grid customisation

nice theme, great work.
I know you don t support customisation on your template but i just want a
hint or some links to read for editing the grid based on the jetpack portfolio.

+ i want to edit the whitespaces between the thumb nails
+ maybe implementing vimeo videos instead of a thumbnail

where i can find the core css or js file to edit the space between
the images? how does the whole stuff work?
maybe you have a tutorial link or a small small hint
to start my research. googelt 3 hours yesterday with no result

unfortunately it’s not possible to center the grid without further adjustments. The grid’s layout bases on the masonry library. An image search for “js masonry” will demonstrate when you’ll be able to center the grid. As you can see on the Renkon-Demo for example, the width of the images is fixed (one or two columns) in contrast to Onigiri’s flexible image dimensions.

the actual layouting of the images is being done with a JavaScript library. Currently I’m not familiar with anything, that will output a similar result, so you might need to implement this by yourself. Since the jQuery JavaScript framework is available within WordPress, you might want to check out some jQuery libraries to get started.

A jQuery forum might be a start to gather some ideas based on your desired layout.

Ive seen your Onigiri is working with the masonry.min.js what comes with wordpress. Am i right? So in wich file the align margins and paddings of the thumbnail is managed in your theme? In CSS or JS and in wich files? I know you don`t support customizations but i need just some more hints.

For example where are the divs wich masonry.min.js is using in your theme so i can follow the structure along?