reduce gaps

Professional Joomla social template with metro design and JomSocial extension support.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Oct 30, 2013 11:02 am
Reply with quote
Report this post
how can i reduce gaps/space between article header h1 and content and in content bottom?

http://v1013.gemcop.ch/index.php/gemcop/ueber-uns.html

thx 4 help
User avatar
Expert Boarder

GK User
Wed Oct 30, 2013 11:10 am
Reply with quote
Report this post
Please edit: /templates/gk_msocial/css/override.css and add at its end:
Code: Select all
.img-fulltext-left {
margin: 0 0 40px 0;
}
article header h1{
margin: 0 0 39px;
}


Change first (40px) margin value to lower value to reduce top gap, change second (39px) margin value to reduce bottom gap.

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

GK User
Wed Oct 30, 2013 11:16 am
Reply with quote
Report this post
wow thx a lot .. and the bottom gap?
User avatar
Expert Boarder

GK User
Thu Oct 31, 2013 8:12 am
Reply with quote
Report this post
Code: Select all
article header h1{
margin: 0 0 20px;
}


With previous code - changing 39 to something smaller should reduce the gap.
User avatar
Moderator

GK User
Thu Oct 31, 2013 11:02 am
Reply with quote
Report this post
sorry but theres no effect on bottom/footer gaps.
User avatar
Expert Boarder

GK User
Thu Oct 31, 2013 4:29 pm
Reply with quote
Report this post
Oh, sorry, I thought you are still refering to top gap.

Code: Select all
#gkSocialAPI {
display: none;
}

It will completely remove element that causes the gaps.
User avatar
Moderator


cron