Quote
•
Aug 26, 2010 04:08
•
0 likes
•
 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
|
dolphin_jay
•
Premium
•
1066 posts Quote
•
Aug 26, 2010 04:38
•
0 likes
•
 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 |
Quote
•
Aug 26, 2010 13:00
•
0 likes
•
 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! |
devin
•
Advanced
•
120 posts Quote
•
Aug 26, 2010 19:52
•
0 likes
•
 well, if you are going to use the uni template, you need to also change to that template in admin. i'm tired |
Quote
•
Aug 27, 2010 15:57
•
0 likes
•
 Finally, I've pulled myself together and have it working. Thank you for all your help. |
tazz
•
Advanced
•
68 posts Quote
•
Sep 24, 2010 09:17
•
0 likes
•

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 . |
killerhaai
•
Advanced
•
1622 posts Quote
•
Sep 24, 2010 10:54
•
0 likes
•
 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 |
tazz
•
Advanced
•
68 posts Quote
•
Sep 26, 2010 03:41
•
0 likes
•

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 |
killerhaai
•
Advanced
•
1622 posts Quote
•
Sep 26, 2010 06:53
•
0 likes
•
 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 |
tazz
•
Advanced
•
68 posts Quote
•
Sep 26, 2010 19:40
•
0 likes
•
 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. |
Nathan Paton
•
SuperModerator
•
6555 posts Quote
•
Sep 26, 2010 19:45
•
0 likes
•

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 |
tazz
•
Advanced
•
68 posts Quote
•
Sep 27, 2010 00:05
•
0 likes
•
 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 .. |
buzznot
•
Advanced
•
14 posts Quote
•
Nov 29, 2010 11:09
•
0 likes
•
 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. |