Can I do this with CSS

[ThePatch]

I'm working on one of my sites:

http://www.merchantsrowonline.com

It's a work in progress. I've done most of my editing using FireFox's editing tool and then copying my changes into a css i'm keeping locally, that way I have the original and all of my changes will be made at once.

So what I'm wanting to do is take my image:

http://www.merchantsrowonline.com/images/boxfooter.jpg

and put it at the bottom of each sidebox.

Can I do this through CSS or will I have to edit each side box?

[swguy]

Look at how the leftBoxHeading works in the css, particularly at the background-image. Then look at how it is created (i.e. in ./templates/template_default/common/tpl_box_default_left.php).
You will need to customize this file and then create something like a leftBoxFooting div which works the same way.

Good luck,
That Software Guy

[kobra]

You can apply this in your style sheet and adjust padding to gain the space for the text entries:

.sideBoxContent {
	background-color: #ffffff;
	padding: 0.4em;
        background-image: url(../images/boxfooter.jpg);
        background-repeat: no-repeat;
        background-position: 0% 100%;
	}

[ThePatch]

Thank you Kobra!

http://www.merchantsrowonline.com

Took me a second to figure out the padding, cracked open w3schools and did some research. I used a px value as opposed to a percentage so I'm thinking it should be the same on all machines and resolutions. Though I've got plenty of work left to do check out the link and let me know if it looks ok.


Thanks again!