Size Between Modules

Hello,
I hope you can help me
I am developing a site here: creativedev2.co.za/MotorMerchandise/
I have some modules in position maintop2-1, maintop2-2, maintop2-3, maintop2-4 (the grey blocks).
I need to make the gap between the modules smaller. I've tried with firebug, but I can't seem to find where to make the space smaller. Please let me know

Thanks

No worries - found a work around.

Hi,

Great to hear that. But there is a thing you should not did on css.
You did add the margin into all image and add that into bootstrap.min.css -> this is not good.
Suggestion:
+ Use firebug to inspect the elements, find the right value or place to custom the css.
+ You should add your custom css code at bottom of /templates/ot_smarthouse/css/template.css or your added css file.

Thanks

Hi Linh,

Ok, I have removed the margin-top code.
The reason I added that is because I wanted the logo (position top2-1) to overlap the black bar on top.
How would i ONLY by top2-1 module to margin-top: -46px; ?

Hello,

You should edit your module logo and add more style as code below:

FABULOUS!!! thank you! I didn't know we could make those sort of coding things in a module itself! I thought it needed to be done in the css! Thank you!!

Just to let you know, even though I subscribed to this topic, I never received an email to say that there is a response. Just thought you should know in case its something you guys need to check out on your side