Hello,
Give your site a nice and unique look by adding a custom background image. I recommend adding a small image that repeats itself to create a beautiful effect like this one:
1. Open main.css, located inside ./styles/{YOURTEMPLATE}/theme/*
2. Find
body,html {
and add right after:
background-image:url(http://path.to/image);
the whole line would look like this:
body,html {background-image:url(http://path.to/image);background-color:#fff; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:11px; word-wrap:break-word;} <a href="http://blog.arvixe.com/wp-content/uploads/2013/06/f2.png"><img class="aligncenter wp-image-27044" alt="f2" src="http://blog.arvixe.com/wp-content/uploads/2013/06/f2.png" width="578" height="90" /></a>
To use a cool image I found on the internet, which I don’t own and I’m using for educational purposes, use the following code:
body,html {background-image:url(http://bgrepeat.com/128/128-174.jpg);background-color:#fff; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:11px; word-wrap:break-word;}
3. Save and Upload.
4. See your website now and smile.
Should you have any questions or problems, please let me know. Comments and suggestions are welcomed!
Best Regards,
Richi
Looking for quality ClipBucket Hosting? Look no further than Arvixe Web Hosting!
background-image(http://path.to/image);
This did not work for me.
I had to use this instead.
background-image:url(http://path.to/image);
Hello,
Thanks for the correction. Definitely you are right. I have corrected the article.
Thank you very much.
Regards,
Richi
how can i insert a big single background?
Hello,
After adding
background-image:url(http://path.to/image);
, make it not repeat the image like this:background-repeat:no-repeat;
Please let us know if there’s anything else we can assist you with.
Regards,
Richi
it does work 🙁
it remains single small tile; it does not fill the background
hope u can help more
Hello,
Try forcing it to repeat it by also adding
background-repeat:repeat;
. Should the problem persist, let me know.Regards,
Richi