[Theme 2012] Get rid of bottom margin

If you mean the grey space at the bottom – that’s because your page is too short – add some content. Or set a minimum height for an element on the page.

You should also check into the HTML errors on that page:

https://validator.w3.org/check?uri=http%3A%2F%2Fwww.apalis.co.uk%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Yeah but can you not set up so that it is 100% height?

I have added this code to the page div and it does nothing.

#page {
overflow: hidden;
	background:#000;
	display: block;
	width:100%;
	min-height:100%;
	height:100%;
}

i also tried it on body .site again it’s still there.

Bad plugin code! it’s now been successfully validated. Thats a useful tool.

100% of what? (It does not know the screen size of a particular user.)

OK I have also added some content and it’s still there, just now you have to scroll to see it.

100% of the browser window. The width works dynamically and fills the width no matter how wide, surely the same can be done with the height. I want to put a scrolling div inside so this must be 100%x100%.

That margin is from here:

body .site {
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    margin-bottom: 3.42857rem;
    margin-top: 3.42857rem;
    padding: 0 2.85714rem;
}

So change your child theme CSS here – add the bottom margin to zero:

body .site {
    margin-top: 0;
    padding: 0;
}

Using a tool such as Firebug is the best way to work with these kinds of CSS issues.

I can’t believe i missed it, i didn’t but i deleted it when I didn’t have any content. So this gets rid of the grey when I have some content, is there noway to force it to full screen without content?

You might be able to do it with absolute positioning, but be aware that all these changes to the theme’s CSS is likely destroying the responsiveness.

body {
    bottom: 0;
    position: absolute;
    top: 0;
}

Yeah that makes really weird behaviour, thanks anyway for helping me get rid of that bug in my code.