Reducing the gap between modules

Hi there,
I am using startup template and I am really happy with the results.

However, I would like to shrink the gap between certain elements in the template.

For example, the vertical gap between the text in the image show module and the "Find Out More" button and also between the "Find Out More" button and the image shown below it.

I would also like to just shrink the gaps between the modules generally on the homepage and would welcome a pointer on how to do this.

The website url is http://www.wooshping.com

Many thanks for any help you can provide,
Rupert

Could You please post screenshots and mark those gaps?
Would You like to remove them completely or just reduce (if reduce, hoe much)?

Thank you!

Attached is the screen shot showing the 2 areas I want to reduce. I don't know by how much exactly. I'd like to experiment to find the right balance. Is that possible?



Thanks again!
Rupert

Hi again,
Image upload seemingly not working so here's the link. http://www.wooshping.com/images/screen%20shot%20showing%20gaps.jpg

Hope it's ok.

Thanks again!

To use forum attaching option You need to first upload the file and next to place it inline, but the screen you provided will do.

Please edit: /templates/gk_startup/css/override.css and add at its end:

Code: Select all

.gkIsWrapper-gk_startup .gkIsText span.gkLine {
margin: 10px auto 10px auto !important;
}


Play with both 10px values to modify the top gap.

Remember to enable "CSS override" in template settings - advanced section.

Oh, to fix the bottom gap you need one declaration more:

Code: Select all

#gkIs-gk-is-87, #gkIs-gk-is-87 .gkIsImage {
    height: 880px !important;
}


This way you reduce size of whole element, and image under the button is attached to bottom of elements container.

WOW - That's FANTASTIC!! Than you so much. Worked an absolute treat!!

Thanks you so much again. Most appreciated!

Best wishes,
Rupert

I'm glad I could help you
If You will have any other questions, feel free to post new forum threads.

I need to reduce the gap between gk news modules. my website is colombofrontpage.com

Hello,

@lankatruth2012 - please open the template.css file and please change the following code:

Code: Select all

#gkMainbody .box {
margin-bottom: 30px;
}

to:

Code: Select all

#gkMainbody .box {
margin-bottom: 0px;
}

or even:

Code: Select all

#gkMainbody .box {
margin-bottom: -10px;
}