Images in grid have different height/ width

Hi,

I've made a grid with images, but they seem to have some kind of padding in them. Now the grid looks kinda sloppy.
The images all have the same size and it's just a custom HTML code.

http://p-j-p.nl/united is the URL of my website.

Hopefully you can help me out.

Thanks in advance.

Hi,

Try to add the following code into the theme’s css/override.css file (make sure to enable the “Use the override.css file” option in Template options > Advanced in the WordPress backend) or use any custom css plugin:

Code: Select all

.gk-grid-wrap > .gk-grid-element {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}


Thank you for your reply.

Unfortunately that still didn't solve the problem for me. I set the "use override.css" option to enabled and added the code to the override.css, but it still doesn't work.

Any other ideas?

Thanks

Please change your code to:

Code: Select all

.gk-grid-wrap > .gk-grid-element {
   -webkit-transform: scale(1)!important;
   -moz-transform: scale(1)!important;
   -ms-transform: scale(1)!important;
   -o-transform: scale(1)!important;
   transform: scale(1)!important;
}


Yes that did the trick! Thank you!