non scrolling background image and page header image

I've gone through most of the threads here and I've managed to get almost everything working properly,

what I'm trying to do now it make it so the body background image doesn't tile. I want it to scroll with the page.

I also want to completely remove the header image on pages

http://kingvapers.com/products/

I cannot seem to find how to remove it entirely.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 html, body {
background: url(http://kingvapers.com/wp-content/uploads/2014/05/website-background.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
} 
div.top-wrapper{
background:#fff;
}

This will solve your issue.

 

this works great except

http://kingvapers.com/products/

the bar that is still under the menu, I need to get rid of that picture as well and I cannot remember how to, nor can I find where to remove it.

thank you very much

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.page-top-bg img {
visibility: hidden;
} 

Thanks & Regards
Gourav Shrivastava