Change Pages background color

@justinillig:

1. How do I change the text color in here as well as change the background color of the box that has the text?
— I don’t get it what you mean here. I see that you have changes the background color and text.

2 How can remove the empty space between end of the text and the footer. There is a white line in there too that i would like to remove.
— You can remove the empty space between end of the text and the footer by reducing the padding and margin. Just adjust as per your need and add it in “Appearance => Theme Options => Custom CSS” box.
.page .site-content article { margin-bottom: 50px; padding-bottom: 50px; }

The white line is from the table which you can remove it by adding the following css in “Appearance => Theme Options => Custom CSS” box.
.entry-content table, .comment-content table { border: none; }

3. how do i get the the footer padding reduced as well so the the footer is not so tall?
— I just checked your site and found that you have already reduced the padding in the footer. If you still find it big then you can adjust your Custom CSS padding to lower values. I see the following CSS in you “Appearance => Theme Options => Custom CSS” box. Just adjust that.
#site-generator .site-info { padding-bottom: 20px; padding-top: 20px; }