changing background image
I am having difficulty figuring out how to change the background image.
I cannot find the current background image in the Media Manager. Do you not upload the image that you want there? Or do you instead need to save it within the template and reupload the zip file perhaps?
Comments are currently closed for this discussion. You can start a new one.
Support Staff 2 Posted by david on 02 Mar, 2011 04:18 PM
Hi Cameron
You can upload the image in the image manager then point to it with css using ../ to go back a dir. If you would like to upload the image and let me know its name I can show by example.
Dave
3 Posted by Cameron Ruen on 02 Mar, 2011 06:12 PM
Dave,
I added the background: swancc_bg.jpg
And the logo: swanccsignature.gif
I found the background image file from the template and used that file to create mine. Will a 3MB file be a problem? I noticed that the background image file is much bigger than what I see on my screen. I'm assuming this is for adaptation to monitor size? Also, I figured that the logo might be laid into the background file, but it wasn't. I also made a logo file to place in position as well.
I glanced through the CMS and saw many background files for buttons and other things, but did not find the main image background file or logo denotion.
Thank you for your willingness to walk me through this so I can do it myself on later sites as well.
Cameron
-----Original Message-----
From: david [mailto:***@tenderapp.com]
Sent: Wednesday, March 02, 2011 10:19 AM
To: ***@swancc.org
Subject: Re: changing background image [Problems]
Support Staff 4 Posted by barrie on 03 Mar, 2011 02:20 AM
Hi Cameron
I'll leave Dave to help show you the CSS for this set up. I'd note
though that a 3MB background is going to cripple your site, especially
in Google. You should aim for no more than 200k at most, and that will
be hurting you a little.
Barrie
Support Staff 5 Posted by david on 03 Mar, 2011 05:34 PM
Hi Cameron
What site are you working with? I do not see those files.
Dave
6 Posted by Cameron Ruen on 03 Mar, 2011 08:03 PM
Thank you, Barrie. I will be sure to change that. The file from the template was 10 MB and I couldn't believe that. I will definitely change it. Thank you.
-----Original Message-----
From: barrie [mailto:***@tenderapp.com]
Sent: Wednesday, March 02, 2011 8:20 PM
To: ***@swancc.org
Subject: Re: changing background image [Problems]
7 Posted by Cameron Ruen on 03 Mar, 2011 09:03 PM
http://452swancc.simplweb.com/
I put the images in the main Media Manager, not in any folder, stories, etc.
I will be replacing the background image so the file size is smaller as well.
-----Original Message-----
From: david [mailto:***@tenderapp.com]
Sent: Thursday, March 03, 2011 11:34 AM
To: ***@swancc.org
Subject: Re: changing background image [Problems]
8 Posted by Cameron Ruen on 07 Mar, 2011 06:23 PM
Are you still able to explain how to point to the image through the CSS?
-----Original Message-----
From: david [mailto:***@tenderapp.com]
Sent: Wednesday, March 02, 2011 10:19 AM
To: ***@swancc.org
Subject: Re: changing background image [Problems]
Support Staff 9 Posted by david on 08 Mar, 2011 02:03 PM
Hi Cameron
So in your case this is set in your templates index.php so what you would do is look for
<h1 id="logo"><a href="<?php echo $_SERVER['PHP_SELF']?>" title="Super Team"><img title="Super Team" src="<?php echo $path ?>/images/logo.png" alt="Super Team" /></a></h1>'and change it to
<h1 id="logo"><a href="<?php echo $_SERVER['PHP_SELF']?>" title="Super Team"><img title="Super Team" src="<?php echo $path ?>../../../../images/stories/swanccsignature.gif" alt="Super Team" /></a></h1>As you can see the ../ steps back one directory so you would step back to the images dir then specify the path to the files.
I hope this helps
Dave
Support Staff 10 Posted by david on 08 Mar, 2011 02:06 PM
Hi again Cameron
I forgot to mention that I moved your files in to the stories dir.
david closed this discussion on 08 Mar, 2011 02:06 PM.
Cameron Ruen re-opened this discussion on 08 Mar, 2011 03:59 PM
11 Posted by Cameron Ruen on 08 Mar, 2011 03:59 PM
Thank you, David. This is much appreciated. No wonder I didn't see the info in the CSS jargon. Onward and upward.
-----Original Message-----
From: david [mailto:***@tenderapp.com]
Sent: Tuesday, March 08, 2011 8:07 AM
To: ***@swancc.org
Subject: Re: changing background image [Problems]
barrie closed this discussion on 09 Mar, 2011 12:59 PM.
Cameron Ruen re-opened this discussion on 09 Mar, 2011 05:42 PM
12 Posted by Cameron Ruen on 09 Mar, 2011 05:42 PM
Do I reupload the zip file then? I am not finding index.php in the back end anywhere...
-----Original Message-----
From: david [mailto:***@tenderapp.com]
Sent: Tuesday, March 08, 2011 8:04 AM
To: ***@swancc.org
Subject: Re: changing background image [Problems]
13 Posted by Cameron Ruen on 09 Mar, 2011 05:51 PM
Also, is this where the background information is located as well?
-----Original Message-----
From: david [mailto:***@tenderapp.com]
Sent: Tuesday, March 08, 2011 8:04 AM
To: ***@swancc.org
Subject: Re: changing background image [Problems]
Support Staff 14 Posted by barrie on 09 Mar, 2011 06:22 PM
"Do I reupload the zip file then? I am not finding index.php in the back end anywhere..."
If you go to your template manager and click on the name of your template, you'll see a button to edit your HTML.
15 Posted by Cameron Ruen on 09 Mar, 2011 06:42 PM
Ok. I am there, thank you.
-----Original Message-----
From: barrie [mailto:***@tenderapp.com]
Sent: Wednesday, March 09, 2011 12:23 PM
To: ***@swancc.org
Subject: Re: changing background image [Problems]
david closed this discussion on 20 Mar, 2011 03:33 PM.