GK5 Grid Module not working

I installed Grid GK5 on a 3.3.6 J page, not GK template. http://www.doljar.com/radioworks/index.php/unsere-kunden

I downloaded also MSocial Quickstart to see how the grid system works, I tried to remake the way it is built:
One Grid module as a config on the position which shall show the grids. (grid1[1], grid1[2]....)
And for every single grid I made Custom html modules. (Grid1 - I, Grid1- II,... with suffix gkPhoto.)
So far so good. The grid positions are shown on frontend.

But there is a problem when I try to insert into custom html module an image (as backgroundimage as done in the Quickstart page): Backgroundimage is not shown on frontend! This grid area is empty.

When I put in an normal image with the editor - the image is there, but resized with aspect ratio - this makes the grid ugly.

screenshot-grid-2.jpg

What´s wrong? How can I use backgroundimage? Because this seems to resize the image in a way that fills the grid perfectly. Normal image with editor is no option. Or does it only work well with MSocial template??

Hi

You should use images which better fit and work with responsive options. Grid is easy to prepare such images because it's based on squares. Image 404 should take space of 2 vertical squares, so for example 100px in width and 200px height.

You can also use backgorunds, but if it's not a template prepared for it You will have to add them manualy to css. Example:

Code: Select all

.gkGrid-grid1_2-1 {
background-image: url(image.jpg);
backgorund-size: cover;
}