Help Expanding Blog Height to Full Page

What do you mean by full-height?
Do you mean 100% height of the browser window?

Yes correct, 100% of browser window. Thanks for clarifying.

I believe it depends on which is the parent element of the class “site” and how is its height set.

If the parent element (maybe body) is set to height: 100%, you could apply to .site -> min-height: 100%

I am not an expert in this field, but I think it should work if I understood it correctly.

I see thanks for your response, I’d like to give this a try. How do I verify the parent element of a class?

For example, in the example, “a” is the parent element of “b”.

<div class="a">
  <div class="b">
  </div>
</div>

I hope I explained well enough.

@fergieferg, Can you link your site? It’s so much easier if we can see the page you are referring to.

Tip: Twenty Fourteen does this by using the ‘before’ pseudo selector

Yea makes sense thanks. Sure it is
https://www.fitnessprogramshop.com/

Can’t quite seem to find the right location, but will keep tinkering and appreciate your help.

Maybe you want to delete the “grey margin” on both top and bottom of the page?

Yes that space. Do you know how I delete that? Is it in body {} or .site {}?

Thanks

.site {
    margin: 0;
}

How about now?

body .site {
margin: 0;
}

Thanks so much guys!

body .site {
margin: 0;
}

Is the one that worked. Appreciate it.