Hi Paul -

at sabina100.cloudaccess.host/100th.html

I want to remove the margin between the Zen Tools image grids in the grid 5 and grid 6 position just below the main menu. What is the best way to do this? Add CSS to "zero" out the margins between the grids or put both zen image grids in the same module?

I did this before using the Revision T3 template over a year ago. Can I use the same technique with Zen Grid 4 templates?

Thanks
Sharon

There is margin on grid6



But the bulk of the space is space not filled by the images (as marked in the arrows)

Cheers
Paul

thanks. i forgot I had changed the width of the template. I will still want the images to be flush. Should that work if I set the margins to zero?

Sharon

Hi Sharon,

It's hard to be exact without seeing it but think you would need this media query and perhaps more

@media screen and (min-width: 787px) {
#grid6.zg-col-6 {margin-left: 0%;}
}

Great Thanks - That seems to work

ah cool

Does it work alright on smaller breakpoints e.g mobile?

I realize it doesn't quite work at widescreen and have yet to check mobile.

Sharon

and i will check my image size settings.

Looks better now. I adjusted the "scaffolding" width down to 990 pixels and now i have the margins working on widescreens. I haven't finished checking the mobile widths but so far they look good too.

Ah sounds good