QuoteAug 26, 2010 04:080 likesLike
 

I have tried to add a background image to  my site using the following instructions but to no avail can anyone point me in the right direction;

using;

/templates/base/css

common.css

body {
font-family:Verdana,Arial;
font-size:11px;
color:#333333;
background-color:#589CBC;
margin:0px;
padding:0 0 50px 0;   
}

change to

body {
font-family:Verdana,Arial;
font-size:11px;
color:#333333;
background-image:url(../images/YOUR-IMG.gif );
margin:0px;
padding:0 0 50px 0;   
}

With the uploaded image in;

/templates/base/image

 

 

QuoteAug 26, 2010 04:380 likesLike
 

when you change the css you need to clear the cache and cache_public folders.  leave .htaccess in the cache folder.

example of a common.css with a background image.

body {
 font-family:Verdana,Arial;
 font-size:11px;
 background: #000000 url('../images/camo1.jpg');
 background-attachment:fixed;
 color:#bfc9cf;
 margin:0px;
 padding:0 0 50px 0;   
}

 

now make sure the image is the right folder.  

Also i see you are changing the base css files.    you really should change the css files of the template you are using.  for example the uni template folder and not the base files...

Again any time you change css files you have to clear the cache.

Boonex Ad here
QuoteAug 26, 2010 13:000 likesLike
 

Thank you so much for your reply.

If I go to the common.css in templates/tmpl_uni/css

When I open the file the only data that lies therein is;

@import url(../../base/css/common.css);

So I added the code you recommended (changing the image url) with the image in the, templates/tmpl_uni/images file

Cleared the cache and no change.

Am I just completely thick? I have only ever built a site with dreamweaver before this so I'm at pre school standard!

QuoteAug 26, 2010 19:520 likesLike
 

well, if you are going to use the uni template, you need to also change to that template in admin.

i'm tired
QuoteAug 27, 2010 15:570 likesLike
 

Finally, I've pulled myself together and have it working.  Thank you for all your help.

QuoteSep 24, 2010 09:170 likesLike
 

hello now i have tried this method and cant seem to get it to work for some reason. maybe im doing something wrong im not sure but i made the changes this page suggests and cleared my cache and cache_public folders. i put the image i wanted to use in  templates/base/images  named it backround.jpg.then went to my css file and made the changes background-image:url(../images/YOUR-IMG.jpeg  );
this is maybe where i went wrong as im a novice to this kind of thing i can install mos and what not but for some reason this has me stumped. also working at 4am may not help me. when i put the background-image:url(../images/YOUR-IMG.jpeg  ); when i add this line to the css file to i need to ad it like this                      background-image:url(http://***********/images/background.jpeg  );  or do i need to ad something infront like my site url or some other thing ?because everything i try does not seem to work here thanks for any help in this .

QuoteSep 24, 2010 10:540 likesLike
 

You need to follow this code from  Dolphin_Jayexample of a common.css with a background image.

body {
font-family:Verdana,Arial;
font-size:11px;
background: #000000 url('../images/camo1.jpg');
background-attachment:fixed;
color:#bfc9cf;
margin:0px;
padding:0 0 50px 0;
}

Kids first
QuoteSep 26, 2010 03:410 likesLike
 

hello thanks for all your help here but this is still not working i have added this to my site as follows. i put my background image into templates/ base /images.

named it background . then added this in templates/base.css/common css

font-family:Verdana,Arial;
font-size:11px;
color:#cc0000;
background-color:#000000;url('../images/background.png');
background-attachment:fixed;
margin:0px;
padding:0 0 50px 0   than saved and cleaned all cache and cache_public folders. what am i doing wrong here thanks

QuoteSep 26, 2010 06:530 likesLike
 

THis what I do into common.css of theme I use:

@import url(../../base/css/common.css); (this is basic in the template) 1ste rule after this:
body {
background: #000000 url('../images/filename.jpg');
background-attachment:fixed;
color:#000000;
}

 

I hope this can help you further.

Kids first
QuoteSep 26, 2010 19:400 likesLike
 

i have followed this to the letter but still can not get a backgroung inage to show at best all it does is turn white from black maybe its not meant to be. i have edited all the files i was told to with no results thanks for your help guys im done i give up i really want a backround image but its not going to happen it seems.

QuoteSep 26, 2010 19:450 likesLike
 

 

i have followed this to the letter but still can not get a backgroung inage to show at best all it does is turn white from black maybe its not meant to be. i have edited all the files i was told to with no results thanks for your help guys im done i give up i really want a backround image but its not going to happen it seems.

Try entering the full URL of the image (http://yoursite.com/etc/). Also make sure to clear your cache/ and cache_public/ directories, leaving the .htaccess file in the cache/ directory intact.

Would you like to install the Be boot manager? Da Rules: http://www.boonex.com/rules
QuoteSep 27, 2010 00:050 likesLike
 

ok thanks i think i worked this out now it was in the right place i was adding it in the wrong common .css file it seems i cant read lol i was putting it in the base common,css not the tmpl uni common .css. my bad thanks for all your help guys and taking the time to reply to me ..

QuoteNov 29, 2010 11:090 likesLike
 

For those who are wanting a photo on there front page background of their dolphin go to /templates/base/css

open file: common.css

Find this section:

body {
font-family:Verdana,Arial;
font-size:11px;
color:#333333;
background-color:#589CBC;
margin:0px;
padding:0 0 50px 0;
}

change to:

body {
font-family:Verdana,Arial;
font-size:11px;
color:#333333;
background-image:url(your image you have  located anywhere on the net just add http://www../images/YOUR-IMG.gif);
margin:0px;
padding:0 0 50px 0;
}

 

Now go to your admin and click on admin home and clear your cache and reload your dolphin this will repeat the photo cause it will move..

 

Now if you want the photo to stand still and the boxes move over the top take the same section I posted at the top of this posting and change it to this.

body {
font-family:Verdana,Arial;
font-size:11px;
color:#333333;
background-image:url(your image you have  located anywhere on the net just add http://www../images/YOUR-IMG.gif);
background-position: Center;
background-repeat: repeat;
background-attachment: fixed;
margin:0px;
padding:0 0 50px 0;
}

 

Be sure to clear your cache.

You will have to play around with the photo size to look good but think a photo around 1200 x 700 will look good on most screens Hope this helps others.