Page 1 of 1

Background image change help!! (newbie)

Posted: Thu Apr 26, 2012 2:10 am
by dex3844
I am working on an empty atomic template and i am unable to change the body background to an image
..I have tried to change body background-image tag in screen.css but it dint work

any help is appriciated
Thanks

Re: Background image change help!! (newbie)

Posted: Thu Apr 26, 2012 2:19 am
by imanickam
What is your site's URL so that others can see what is happening?

Generally, in these situations you could use the tool FireBug to inspect elements and view the css entries.

The tool FireBug that is available in browsers such as FireFox and Chrome could be used for this purpose. With FireBug you can inspect an element in a web page and find out its css entries and in which file the entries are located. You could even change the css entries to see how it affects the look and feel of your site. Once you are satisfied you could incorporate the changes in the actual file.

Review the document http://docs.joomla.org/Tutorial:Using_F ... la_Website for more information about how to use FireBug.

Re: Background image change help!! (newbie)

Posted: Thu Apr 26, 2012 3:14 am
by dex3844
thanks for your reply and the site is 'http://www.gospel-truth.co.uk/Joomla/' ...i have used firebug already
..the issue here is i am new to blueprint css and so i dont realy know where exactly to put the files

Re: Background image change help!! (newbie)

Posted: Thu Apr 26, 2012 4:42 am
by imanickam
You could change the following css entry that is available in the file screen.css that is located in the directory /templates/atomic/css/blueprint.

Code: Select all

body {font-size:75%;color:#7b6965;background-image :url(../images/template.jpg);font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
You could change the background image file template.jpg that is located in the directory \templates\atomic\images.

Re: Background image change help!! (newbie)

Posted: Thu Apr 26, 2012 11:54 am
by dex3844
I tried that already and even the template.jpg is not showing up ..is there like a special folder where I shud put images ?

Re: Background image change help!! (newbie)

Posted: Thu Apr 26, 2012 1:49 pm
by imanickam
It could be due to several reasons:

(a) Invalid image format - this could happen if the image has not been uploaded as binary in the ftp
(b) The file name is not correct - if it is a Linux/UNIX based system then the file names are case sensitive
(c) The file extension is not correct - if it is a Linux/UNIX based system then the file names are case sensitive
(d) The file does not have appropriate permissions
(e) The image file template.jpg does not exist in the directory /templates/atomic/images

Re: Background image change help!! (newbie)

Posted: Thu Apr 26, 2012 2:10 pm
by dex3844
well i think maybe coz i changed a feww things to begin with ...
when i first opened the template ..i deleted everything in the <div class="container span-24"> tag . It had some php stuff about header and footer (index.php)..might that have caused the problem ? (the system is windows and the file deffinately exists)

Re: Background image change help!! (newbie)

Posted: Tue Jul 31, 2012 11:11 pm
by ozsaul72
Thank you Imanickam. Your suggestion saved me time in looking.