Academica theme- CSS needed to reduce white space at the bottom of home page

hwdao · Member · Nov 2, 2013 at 10:51 am
Copy link

Add topic to favorites
Hi

I am wanting to reduce the amount of whitespace at the bottom of my home page (which is a static landing page).
I have managed to find great info on here for reducing the space at the top but nothing for the bottom?

Is there a simple CSS to do this?

my theme is Academica and has 2 sidebars (left and right) as well as a middle widget area (the space I want removed)
website is http://www.highwaydreams.net

thank you

The blog I need help with is: (visible only to logged in users)
justpi · Member · Nov 2, 2013 at 11:22 am
Copy link
You found nothing for the bottom because that extra space isn’t part of the theme, you introduced it yourself when you displaced the sidebars by adding this:
```
.home .column-narrow {
position: relative;
top: -120px;
}
```
You can try to compensate by adding this to the above code (can’t guarantee it will work the same in all browser versions):
margin-bottom: -120px;

To reduce the space even more, you can add these too, and decrease the values:
```
.home #content {
    margin-bottom: 50px;
}
.home.page .posts .page {
    margin-bottom: 20px;
}
```
hwdao · Member · Nov 2, 2013 at 8:20 pm
Copy link
That’s great.

I have now fixed the issue. thanks very much!

cheer
justpi · Member · Nov 2, 2013 at 9:22 pm
Copy link
You’re welcome.
But you overdid it! As I warned above, negative margins aren’t trustworthy. In Safari, for example, the bottom border of your bottom left widget now falls in front of the footer credits.
hwdao · Member · Nov 2, 2013 at 9:39 pm
Copy link
I have still been playing with it for the last hour or so making little adjustments.

I understand your point re negative margins however there is a great deal of white space at the top if I don’t use them.
I have lowered them a little to allow a bit more whitespace now.

I am using internet explorer and it looks ok.

I have finished altering it now, would be interested to hear how it looks for you now. if you don’t mind.

thanks
justpi · Member · Nov 3, 2013 at 12:44 am
Copy link
Looks fine now.
(I never said forget the negative margin, I only said it won’t work exactly the same in all browsers.)

No items found.