Add a Background Image in Clip-Bucket v2

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:

f1

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!

Tags: , , , , , , , , , , | Posted under ClipBucket | RSS 2.0

Author Spotlight

Richi González

Richi González

I started programming when I was 12. I'm a Developer and have been working with the Clip-Bucket script since it came out. I became a Liaison between Arvixe and Clip-Bucket, so I am here to assist you with anything you need regarding Clip-Bucket or any particular computer-related subject you need. Best Regards, Richi

6 Comments on Add a Background Image in Clip-Bucket v2

  1. Stuart says:

    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);

  2. haidar says:

    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

  3. haidar30 says:

    it does work :(
    it remains single small tile; it does not fill the background
    hope u can help more

Leave a Reply

Your email address will not be published. Required fields are marked *


8 − = 6

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>