Hey web designers...

sorry - I can't find an appropriate forum area to post this question ~ mods - move it if you think of a better place

For my website - I can't figure out how to remove a thin grey 'footer' bar on the bottom of each page

www.immaculens.com

anyone know what I should be looking or in the code? Its CSS apparently.

I've gone through the 'theme' and wherever 'footer' is mentioned (2 sections), I have not been able to either change its color or remove it.

Maybe one of you folks could look under my hood and let me know. I will give access.

Thank-you ~

This may be a clue for you:
The first time I visited your web page there was a form asking for a name (and perhaps an email) to leave a comment.
I was unable to see the gray line.
In a second visit, the form was not there, or perhaps it was collapsed, and the line was there, exactly where the form started in the first visit.

I haven't played around with the code to see if this line in the CSS affects anything else, but I believe this line of CSS is what is causing the problem you are seeing.

In the #main-wrap .container, either remove the border-bottom: line or set the border to 0px.

That will remove the line under the photos on this page. Just be warned, it may affect something else on the website, so if you make this change, check around it may be necessary for another page and may need to be added back in for that page to work right.

IMAGE LINK: https://flic.kr/p/qsMG​PY

rpolitsr wrote in post #17374925
This may be a clue for you:
The first time I visited your web page there was a form asking for a name (and perhaps an email) to leave a comment.
I was unable to see the gray line.
In a second visit, the form was not there, or perhaps it was collapsed, and the line was there, exactly where the form started in the first visit.

Thanks for the reply - yes, I was just playing by putting anything in the footer to see if the grey line would be visible.
The form you mention was only there briefly - it looked awful

Thanks NOGO - I just installed Firebug and set the border to 0px as you suggested - and it made the line vanish.

But... unfortunately I have no idea how to make the change in the code on my website builder, because I cannot find it.

Will send you a PM, thank-you

Nogo wrote in post #17374952
I haven't played around with the code to see if this line in the CSS affects anything else, but I believe this line of CSS is what is causing the problem you are seeing.

In the #main-wrap .container, either remove the border-bottom: line or set the border to 0px.

That will remove the line under the photos on this page. Just be warned, it may affect something else on the website, so if you make this change, check around it may be necessary for another page and may need to be added back in for that page to work right.

IMAGE LINK: https://flic.kr/p/qsMG​PY POTN_website_screensho​t by Nogocyclist, on Flickr

Those website design programs can hide stuff quite well. I am sure there is a way to change it by the interface, but you are right, it can be quite hard to find code in them.

I got your PM. It will be Monday before I will be able to help further.

<solved> Nogo's "Firebug" code and further assistance helped me find this elusive code.

Cheers.