Smaller margin for gk bottom modules

Hi GavickPro Team,

I am trying to decrease margin size of gk bottom modules (top and bottom margin).
Also to decrease padding between module title and text.
See example here: theppd.org ( creating a new website). There is huge gap between lines.

Can you please direct me how to fix it.

I have tried to edit following without success:
/* Group modules */

#gkBottom1 {
padding: 15px 0;
overflow: hidden;
}
#gkBottom2,
#gkBottom3,
#gkBottom4,
#gkBottom5 {
padding: 60px 0;
overflow: hidden;
}
#gkBottom2,
#gkBottom4,

Thanks for your help.

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

#gkBottom1, #gkBottom2, #gkBottom3, #gkBottom4, #gkBottom5 { padding: 20px 0 }
.bigtitle .header { margin: 0 0 40px }


and then just remember to enable "Use override CSS" option in template advanced settings tab.

Thank you for that.
I am just wondering if there is any way of reducing margin in bottom 1 - about website?
Space is still quite big: theppd.org

In my code you can see the #gkBottom1 selectors so it will affect to all bottomX positions including bottom1. If you want to totally remove the margin/padding please just use this code :

Code: Select all

#gkBottom1 { padding: 0; margin : 0 }

Ok, I don't want to be pain in the ass.
But I have following now in override css:

#gkBottom1 { padding: 0px; margin: 0px; }
#gkBottom2 { padding: 0px; margin: 0px; }
#gkBottom3 { padding: 0px; margin: 0px; }
#gkBottom4 { padding: 0px; margin: 0px; }
#gkBottom5 { padding: 20px; margin: 20px; }
.bigtitle .header { margin: 0 0 20px }

all sections look good except bottom1.
There is still gap between text and top line. I don't know why.

But if the margin and padding is removed this means that this area don't have any extra space. I really want to help you with this issue but it is quite impossible without seeing your website.

Our website is here: theppd.org

Ok, on this screenshot you can see the place where bottom1 area is visible. Please mark on this image which space you want to remove.

Ok, thanks
Please see my screenshot.
I have no idea why text is not in line with the small icon on the right hand side and why I can't decrease space between header and text in paragraph.

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

.box.bigspaces { padding: 0 0 50px !important }
#gkBottom1 .box .header { padding: 0; line-height: 30px }


and then just remember to enable "Use override CSS" option in template advanced settings tab.

Thanks, it is fixed now