Space between blocks in the grid

Hy guys, I have an issue with the blocks in the grid... there is a space between blocks.
the module position is mainbody_top and these are the settings:

Desktop size: 3x2
Tablet size: 2×1
Mobile size: 2×1

I tried to change Desktop size settings but I can't understand how to make that spaces disappear.
I think the presence of modules in sidebar position got to do something with this issue.

This issue is only relative to the desktop view. In tablet and mobile views there are no spaces.

Could you please help me?

Here is my website: http://www.coldplayzone.it

Thanks

Hi

Please try add this code to css:

Code: Select all

#gk-grid-839 .gkGridElement {
    height: auto !important;
}


Hi teitbite, thanks for your reply.
I tried your code in Firebug but it doesn't work

Hi

Yes. I saw it doesn;t work in firebug but module should recognise height if this code will be in css. Means You need to add it to override.css and javascript will count the properly. At least I think that.

I added the code in ovverride.css but it doesn't work
In tablet view there aren't spaces between blocks... this problem is only relative to desktop view.
I really don't understand...

Hi

You are not alone. I see nothing which can be causing it. Let me look again.

I do not see the code I gave You in css. Please send me an access to ftp. I'll figure it out.

i sent you 2 private messages with admin account data and ftp data, thanks

Hi

I've just finished talking with 2 programmers and looks like this module is working like that. I'll try explain. Each element is based on squares, so if there is no content to fill the content a blank space is left.

Basicaly to make it work without spaces, You need to use 4 boxes in GK Grid per row and put image and text with separate modules. But I understand this means a lot of work, so please try add this to just make it look as You want:

Code: Select all

@media only screen and (min-width:1041px) {
#gk-grid-839 {
height: 326px;
}

#gk-grid-680 {
height: 163px;
}
}


I tried that code in local and this is the result...



I tried to change the height values but I can't solve it.

Hi

My bad. I waanted to make the code a little smaller and removed the important part from selector. Use this one:

Code: Select all

@media only screen and (min-width:1041px) {
#gk-grid-839 .gkGridGK5Wrap.active {
    background-image: none !important;
    height: 382px;
}

#gk-grid-680 .gkGridGK5Wrap.active {
    background-image: none !important;
    height: 191px;
}
}


Yes man! Now It works.
Thank you so much!

Could you please have a look to these topics too?
https://www.gavick.com/forums/music-sta ... 40#p164540
https://www.gavick.com/forums/music-sta ... 33728.html

Hi

Of course. Following the links right now.