Huge blank spaces in article display... and some more

I need help to solve the following display problems.
1. How can I fix the huge blank space betwen the K2 articles and the footer menu?
2. How can I fix the huge blank space between the custom module, position mainbody_bottom and the footer menu?
3 How can I fix the blank space above and below the footer menu to be the same?
4. How can I justify the text in Home page, module position mainbody, which is 'class=gkContent'.
I will appreciate very much any help.
url: http://www.lexconscientia.co.uk

Please post an urls showing pages where this issue can be seen.

Thank you for your care and prompt reply.
The issue is on all pages:
http://lexconscientia.co.uk/services, (issue 1 and 2 related to my listing. The double blank space is because here is also the mainbody_bottom module)
http://lexconscientia.co.uk/about-us, http://lexconscientia.co.uk/services/law-firms, http://lexconscientia.co.uk/careers etc. (issue 1 as it is no mainbody_bottom module here)
The No 3 is in all pages, home page too. I want to have equal space at bottom and above the footer menu.
The 4rth is to have justify text on home page mainbody module (it is 'class=gkContent')
Thank you

May I ask you something more?
I am using BreeingForms on this page: http://lexconscientia.co.uk/candidate-form
There is a missdisplay on the buttons, it is seen clearly on SUBMIT button. From BreezingForms they told me is because of the template CSS. I will appreciate very much any suggestion how to fix this conflict.
Sorry for asking you so many... but you are always so good... )

Lets start with "2" on a screenshot. If you look at the page - this spacing is all around the content. You can reduce it all around to make it equal and visually appealing...
Please edit: /templates/gk_university/css/override.css and add at its end:

Code: Select all

#gkPageContent.gkPage, .jomsocial #gkPageContent {
  padding: 30px;
}


(it will reduce it in half).
But if you want only to reduce bottom spacing, leaving rest as it is, please use this code:

Code: Select all

#gkPageContent.gkPage, .jomsocial #gkPageContent {
  padding: 60px 60px 30px 60px;
}


(where 30px is reduced bottom spacing).
Remember to enable "CSS override" in template settings - advanced section.


Please let me know how it went and we will process with next spacings.

Hi Cyberek, you are great. Thank you for your help.
I reduced it to 20 px and it shows great. I'll be waiting for the next...

Hi, I have added the following codes to the css override and the site looks better.
Are these codes right? I would appreciate your suggestion to optimise them if any is wrong.

#gkPageContent.gkPage, .jomsocial #gkPageContent {
padding: 30px 60px 40px 60px;
}
#gkMainbody {
margin-bottom: -70px;
}
#gkFooterNav {
margin:13px auto -8px;
}
.gkContent {
text-align:justify !important;
}

article header.nodate {
margin-top:-22px;
}

.itemFullText {
padding-bottom:10px;
}
.itemBody {padding-bottom:10px;}
.gkPage {
margin-top:-30px;
}

#gkMainbody + #gkMainbodyBottom {
margin-bottom:-31px;
}

#gkMainbody .contact {
margin-bottom:80px;
}

It looks quite ok - if it works as desire - it is all you need.

I looks ok and everything looks nice.
Thank you for your kind care and attention. You are always very helpful;

If you have any additional questions regarding this topic, please let me know.