Forums / Templates, Stylesheets, Page Layout / Custom Footer Background

Custom Footer Background

Locked
Results 1 to 7 of 7
This thread is locked. New replies are disabled.
15 Apr 2010, 05:55
#1
tagon avatar

tagon

New Zenner

Join Date:
Apr 2010
Posts:
6
Plugin Contributions:
0

Custom Footer Background

I just installed my first Zen Cart shopping cart....wow...kudos to the guys broke away from osCommerce to build this! : )

Anywho, I'm having issues with figuring out how to customize the background of my footer area. I'd like to be able to put a solid color or background behind the footer ONLY. My issue is that from the default installation, it seems as the the footer is actually transparent and only showing the txt because the white color behind the text is actually from my wrapper background color :X Any insight on this would be awesome! I'll probably never live long enough to read all 100+ pages on this subject and the search results didn't give me the solution I was looking for. Thanks in advance! : )

*On a side note: I'd rather have a direct solution as far as point me to which specific file(s) I need to use to pull this off because I'd rather NOT install any addons. From my experiences...the people designing these things create more problems upon installing than is necessary that by the time you take the time to install their patches and plug-ins and mods and updates , you've already wasted a rediculous amount of time because they were not adequate enough to get it right the first time around.
15 Apr 2010, 06:00
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Posts:
6,171
Plugin Contributions:
0

Re: Custom Footer Background

Ta,
Edit and locate this file:

includes/ templates/ your_template/ css/ stylesheet.css

Find this:
#navSuppWrapper {
color:#FFFFFF;
font-weight:bold;
}

  1. just add this declaration: background-color: #ff000;
  2. you can change the color code I used for your own site...

15 Apr 2010, 06:05
#3
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Posts:
6,171
Plugin Contributions:
0

Re: Custom Footer Background

Ta,
But by reading you will find the tools on how to edit your web site easily and productive..

1. Download and install FireFox (if you don't have it already)
2. Install Firebug (an add on for FireFox)
3. Go to your site in FireFox, under Tools, start Firebug and Viola!
you can play with your css to your hearts content. In Firebug, you can select your css, then select the element you want to change, and edit. Changes will be shown in real time without actually modifing the css, so you can see if your changes give you the desired effect. Once satisfied, go to your real stylesheet and comit the changes.

Even I can do a little bit of this, so that means most anyone can as well.

You can find FireFox and Firebug here. www.mozilla.com/firefox

Good Luck
15 Apr 2010, 06:06
#4
tagon avatar

tagon

New Zenner

Join Date:
Apr 2010
Posts:
6
Plugin Contributions:
0

Re: Custom Footer Background

Ohhhh, BEAUTIFUL! :D

That makes perfect sense to me! lol I assume the 'Supp' is suppliment!? Never heard it called that...but I'm glad I know now. Thanks a lot haredo!

And yes....of the 20+ plug-ins I have for FF, I'm devestated that I never got Firebug! :X In fact, I'm borderline ashamed ; ) Thx bro.
15 Apr 2010, 06:07
#5
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Posts:
6,171
Plugin Contributions:
0

Re: Custom Footer Background

Ta,
YOu are most welcome, good luck on your Zen adventure. :smile:
15 Apr 2010, 06:12
#6
tagon avatar

tagon

New Zenner

Join Date:
Apr 2010
Posts:
6
Plugin Contributions:
0

Re: Custom Footer Background

And my apologies on the 'bro'...if in fact YOU are Amy...lol. I just checked out your site and seen the logo and theme. Maybe you're the designer, owner or both.

Cheers! :clap:
15 Apr 2010, 06:15
#7
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Posts:
6,171
Plugin Contributions:
0

Re: Custom Footer Background

Ty for the compliments, that is my little toy I created 22 years ago and still Mfg and Retail to the public..