Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Help to adjust footer

Help to adjust footer

Locked

Views: 1,327

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
5 Feb 2009, 11:41 AM
#1
butchx5 avatar

butchx5

New Zenner

Join Date:
Nov 2008
Posts:
69
Plugin Contributions:
0

Help to adjust footer

Hi

I have managed to get my footer to almost how I want it:

http://www.slinkykinkyuk.com

However want I really would like to do is rearrange it so the EZPage links are ABOVE the accepted payments.

I thought this should be easy - but I have fiddled for a while now and still haven't got it right!

Helen

5 Feb 2009, 2:56 PM
#2
coolcarpartsonline avatar

coolcarpartsonline

Totally Zenned

Join Date:
Feb 2008
Posts:
1,386
Plugin Contributions:
0

Re: Help to adjust footer

You can add the credit card images in a seperate <div> and style it in the CSS. it seem that you added the credit card images as links inside div #navSupp.

A side note: the red font you are using is hard to read on the black background.

6 Feb 2009, 11:30 AM
#3
butchx5 avatar

butchx5

New Zenner

Join Date:
Nov 2008
Posts:
69
Plugin Contributions:
0

Re: Help to adjust footer

Hi

Thanks for the help - hoping you might be able to help a bit more - how do I set up a <div> and use the style sheet as you suggest?

I will look into the red font colour - do you mean all the reds or the headings or the darker red used for the welcome? I have changed the welcome to a slightly lighter red - which I think is better. I would like to change the links in the header to the puce colour so they are clearer over the tileback used but haven't worked out how to change them and not change the footer links as well - I am happy with the footer links colour. Can you advise on that too?

THANKS!

Helen

6 Feb 2009, 2:42 PM
#4
coolcarpartsonline avatar

coolcarpartsonline

Totally Zenned

Join Date:
Feb 2008
Posts:
1,386
Plugin Contributions:
0

Re: Help to adjust footer

To add a new Div. you will need to add a div tags such as

<div id="footerPaymentOption"> Add the Credit Card image code here </div>

Then you would add #footerPaymentOption { } to the style sheet add the command to the style sheet between the brackets.

Regarding the Header links this is what control it: #navMain ul li a it should be around line 297 in the same line there is:#navSupp ul li a that controls the footer links. You can separate the two and change the color to the header to whatever you like.

9 Feb 2009, 12:19 PM
#5
butchx5 avatar

butchx5

New Zenner

Join Date:
Nov 2008
Posts:
69
Plugin Contributions:
0

Re: Help to adjust footer

Hi
Thanks Glamorousshoe!

Have made the changes you suggested and it now looks how I'd like bar one little thing.

In front of the credit card images is a bullet point - where did it come from and what do I erase to remove it?

Thanks again for your help.

Helen