How to change the background image

Hi there,

On my site www.tourdefrance2012.com I would really like to change the (white) background completely to the site with a custom downloaded image from iStockphotos. Can someome please help me out? I have been trying to edit the CSS file but it just doesnt seem to be easy.. I cannot see. thank you

Ryan

Hi,

current image is:
templates/hot_sportal/images/bg_transparent_white.png

open css/template_css.php

and find:

<?php if ($transparentImage != "none") { ?>
.wrapper_outside {
background:url(<?php echo $template_path; ?>/images/bg_transparent_<?php echo $transparentImage; ?>.png);
}
<?php } ?>


delete (or comment that) and instead of it put just:

.wrapper_outside {
background:url(your image ...
}

I have actually tried searching for this and it contains nothing of the sort... In Template.CSS....

I have tried searching for bits and peices to really try and pin point it but I cannot for the life of me find this bit you talk about. Even when I try and just do a search for the word WRAPPER it does not find it. Can you help please? Thanks

That file name is not "template_css.css" it's "template_css.php" <- note that.
templates\hot_sportal\css\template_css.php

line number is 197

You don't have to delete that at all. Just add your definition at bottom of that file.

I am sorry but I am really confused with how to edit and change the background?? I found the .CSS file and have edited it using textpad.

The only bit where I am guessing is right is the bit below;

<?php if ($transparentImage != "none") { ?>
.wrapper_outside {
background:url(<?php echo $template_path; ?>http://tourdefrance/templates/hot_sportal/images/Depositphoto.png.png);
}
<?php } ?>


Where and what exactly do i put in? As you can see from above I am pointing to the exact name and URL where the image is? Also do I need to edit the images DPI (72) etc resolution or what?

Can you help me please???

Thank you

Ryan

Never mind about that code if you are not familiar with PHP, just add your definition at the bottom of that file (after the last character you see in file, hit enter and type common css):


.wrapper_outside
{
background:url('your path');
}