Control space below banner

arimakidd

There is a lot of space between bottom of the banner image and the menu as shown by the red arrows in the attached screenshot. What css can I use to control this space. I'd like to decrease it a bit.

pavit

Hi arimakidd

I created a custom class in custom.css for your zentools module

.banner.moduletable {
  margin-bottom:-20px;
}

It is added in Advanced Settings Tab

Hope it helps

arimakidd

Thanks. The spacing looks much better now. Solved.

paulus1031

Just for the sake completeness - each zentools and zentools2 module has its own unique id number
Which enables styles to be targetted this way and avoiding module classes / suffix

e.g. in the example it would be #zentools116

#zentools116.zentools.flexslider .slides img {margin-bottom:0;}
#zentools116 .clear {height:0;}

Cheers
Paul