How to make the background image doesn't repeat?

Hi there,

I have requested to change the background image and the answer was provided in this thread http://www.inkthemes.com/community/threads/how-to-change-the-background-image.8512/ ..
Thanks for that answer. But if the page has a lot of content, the background image would repeat. How can I make sure the background doesn't repeat? I. e. if the content is a lot where the user would need to scroll up and down, the background image should just stay stationary and the rest of the page would scroll up and down as needed.

Thanks,
Mike

 

Hello,

Firstly go to Settings > Theme Option > General Settings > Background Image

and remove image from there.

Now,

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

Code:

html, body {
background: url(Enter Your Image Address Here) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
} 

Thanks & Regards
Gourav Shrivastava

 

Thank you very much. That's exactly what I needed.

 

Hey Gourav,
Another related question ... How can you make this background image clickable? And where can I set the URL which I'd like this image link to point to?
Thanks,
Mike

 

Unfortunately there isn't a way to do that with our theme unless you custom code something up. Sorry.


Thanks & Regards
Gourav Shrivastava

 

Hi Gourav,

I have noticed the solution provided only works to set the background image for the home page only. Once the user navigates to another page, the page doesn't show up there. Do we need to setup the background for each template or page etc...?

I look forward to your update.

Thanks,
Mike