Shape 5

Joomla Templates => Callie Rush - Club => : jennymac October 08, 2011, 10:02:44 PM



: adding textured effect to the back ground image
: jennymac October 08, 2011, 10:02:44 PM
I have two colours for my site. The lower colour I managed to change really easity (a fluke I think) and using info from another post
(Topic: Add\Change Header Image in New Callie Rush Template? posted Sept 26 by Mr.4)  I changed the top colour. Then I created a textured image in the top colour (using a psd) and have loaded it into the media manager but the code I found in a tutorial about putting textured images in a website is not working; it just removes the colour all together and makes the background all the lower colour. I have put it back to my two colours for now.

The code I tried at line 449 is: <body background="../images/topheader.jpg">
Can you tell me what I am missing?

http://www.expresswebsites.com.au/~lmpao/

Many thanks


: Re: adding textured effect to the back ground image
: mikek October 10, 2011, 08:21:47 AM
Hello,

What area are you trying to change? I see purple, then green, then white on your site. Which color are you trying to apply the image to?


: Re: adding textured effect to the back ground image
: jennymac October 11, 2011, 06:42:07 AM
The purple at the top
Thanks


: Re: adding textured effect to the back ground image
: mikek October 11, 2011, 07:42:28 AM
Easy :)

Just add the following to the bottom of template.css:

#s5_header_area1 {
background:url(http://www.yoursite.com/image.jpg);
}

Obviously swap out the url with the url of your image and that's all you'll need.


: Re: adding textured effect to the back ground image
: jennymac October 12, 2011, 10:15:28 PM
Thanks Mike. I'll give it a go and let you know how I go.


: Re: adding textured effect to the back ground image
: jennymac October 23, 2011, 01:21:37 AM
Hi Mike
I copied the code you gave me into the file : Shape5_Callie_Rush_template_current/css/template.css , modified the address, made sure the image file was loaded but all that happened was I lost all colour (like before). I copied it to the end of the template.css file. Is that what I was supposed to do, or should I have overwritten another piece of code? Sorry to be so thick.
Blessings