Add image to EZPage footer - Nightfall template

[jafma]

Hi......
I have been unable to find out how I can add a background image to the EzPage links footer for the Nightfall template - default is no image, black text on white background.
I could use the same image used for the ezpage header - if I could find where to put it.
Also, the space below the footer - containing the copyright, and 'Powered by Zen Cart' text is very cramped. I would like to give this line some breathing space.
Thanks

[haredo]

Hi......
I have been unable to find out how I can add a background image to the EzPage links footer for the Nightfall template - default is no image, black text on white background.
I could use the same image used for the ezpage header - if I could find where to put it.

Take a look at this tutorial:

https://www.zen-cart.com/tutorials/i...hp?article=257

[haredo]

Ja,
Please post me a link to your main page to view the footer please.

[haredo]

The space below the footer - containing the copyright, and 'Powered by Zen Cart' text is very cramped. I would like to give this line some breathing space.

Look in your_template (override folder) stylesheet.css

Look for:

1. #siteinfoLegal

Add:

1. #siteinfoLegal { font-size: 1.2em;}

If not in the stylesheet.css just add to the bottom of it the declaration above:

Also, the font colored in red to change to suite your needs

[jafma]

Haredo.....
Thanks for the info.
My template CSS does not contain the code #siteinfolegal. - When I add it to the CSS, it changes the size of the copyright text etc, which is helpful, as the default text is too small - but I am more concerned about the spacing above and below the text.
Perhaps I misunderstood the tutorial you posted, but I cannot find the following
code in the CSS for the Nightfall theme, or anything like it:

.centerBoxWrapper {
border: 1px solid #9a9a9a;
height: 1%;
margin: 1.1em 0;
}

This code IS included in the 'classic' theme, of course.
Absent this code, I don't know where to start adding this additional code:

/* create free space at the bottom of the box in which to display the image */
padding-bottom: 20px;
/* add the image to the boxes background */
background-image: url(../images/box_bg.jpg);
/* position the image at the bottom and center of the box */
background-position: bottom center;
/* EITHER set the image to not repeat */
background-repeat: no-repeat;
/* OR set it to repeat horizonatally */
background-repeat: repeat-x;

I also wonder if this coding would add a bg image 'above' the EzPage links - rather than behind them, which is my objective.
Following is the link to my site-in-progress - you will arrive at the log-in page, but the same condition prevails on all pages. I would like the EzPage links to be located in an image block - as they are in the Zen Cart classic page - and I would like to create some space both above and below the 'Copyright etc' text.

wwww.alexander-gifts.com/zen

Thanks very much