Remove grey line at the bottom of each page

Workwithleads,
that gray line is put there a border element in css attached to the footer#colophon element.

You can remove it by editing css.

Try this:

footer#colophon {
border: none;
}

Several ways to do that:
You can put this into the editor inside your theme. Click APPEARANCE > EDITOR.
Then on the right side of the page you’ll see the heading STYLES.
Under that you’ll see style.css as a filename.
Click on that.

It will load the style sheet into the editor in the main section of your page now.
You’ll want to place that code listed above toward the bottom of the file. Definitely below the code that looks like this:

#colophon {
margin: 10px 0;
border-top: 1px solid #d6d6d6;
padding: 10px 0;
position: relative;
}

The problem with method is that if the theme developer issues an update that change you made will be overwritten.

A better method would be to install the Jetpack plugin. That comes with a custom CSS editor that is theme agnostic.

Install and activate that plugin and then place the code first mentioned in this post into the custom css field in Jetpack. That should get you all taken care of.

If you need help installing jetpack, or adding that css you can checkout this link:
https://jetpack.me/support/custom-css/.

Good luck!

This is exactly what I needed, thank you! The fruitful theme has a custom CSS built in so I added it there.

footer#colophon {
border: none;
}

Good. Glad you got it sorted.