sidebox graphics

[slater555]

can i ad an individual image behind each listing in my side box, for example instead of a white box with black lettered links I want to make each link a separate box (with color like in my header nav bar) with the link printed on top with a change of color to the box with the hover effect. an example of what i want in my sideboxes is here
http://www.spyville.com/

[gjh42]

This is easy with CSS for sideboxes which display their links as list items or otherwise in "block" display form. For sideboxes which just have a set of <a> tags separated by <br /> tags, you would need some more complex CSS styling, or possibly PHP recoding of the sidebox content.

If you want the images tailored to each different link, that would require serious PHP customization for most sideboxes. Categories Dressing has the ability built in for the categories sidebox.

[slater555]

I just want a background image behind my links in the sideboxes (the same image behind all of the links) I have been in css in my stylesheet.css all day and can not find it.

[slater555]

so can it be done??? and it seems that categories dressing is only for the categories and not all boxes. Telling me it is in css is not really much help, could you tell me where in css maybe what file and what line???

[gjh42]

For styling help like this we need to see your site live to be sure of advising correctly. You would be adding new stylesheet rules, as you probably have no existing rules that apply strictly to sidebox content list items or links.

[slater555]

No problem, the site is
http://www.airtightsecurityplus.com/security_equipment

thanks

[gjh42]

Add something like this to your stylesheet:

.sideBoxContent ul>li {background: url(../images/mycatbg.gif) no-repeat; height: 42px;}
.sideBoxContent ul>li:hover {background: url(../images/mycatbghover.gif);}



On a separate note, I see that you are using Ezpages Footer Columns to organize your footer links, but you have a repeated error which may cause problems in some browsers. You have added <font> tags to all links, like
<font size="2" color="#000000">Shipping & Returns
but you have not closed those font tags, so technically every item and following column is contained inside all of the previous link <font>s. If you must use the <font> tag (which is deprecated in HTML), at least close it each time. A better method is to use the supplied classes for styling, which is exactly what they are for. So
.ezpagesFooterCol>ul>li>a {font-size: 1.0em; color: #000000;}
or since you want the first link in each column to be bigger
.ezpagesFooterCol>ul>li>a {font-size: 1.5em; color: #000000;}
.ezpagesFooterCol>ul>li+li>a {font-size: 1.0em;}
or other possible correct methods...

Note that these may give slightly quirky results until you fix/delete the font tags.

[slater555]

thanks for that, normally i close my tags but my head has been spinning for a few days. i got visitors, and very good prices but my visitors are bouncing at a high rate. I think my site looks old-time, i am trying to improve the look and feel to more a mainstream effect.
or maybe they don't think it has SSL or is secure enough to put in info??? i am not sure why my bounce rate is so high.

thanks for everything,

the .sideBoxContent ul>li thing worked but did not give me the effect i was looking for, so i have to come up with something else that will spice up the look and feel of the site. with the categories dressing can i use jpg's for the background of individual links and for the hover? I mean on box (categories) is better than none.

http://www.airtightsecurityplus.com/security_equipment

[gjh42]

Yes you can. Read the readme thoroughly to understand all of the possibilities and how to use them. It helps if you have it installed so you can see directly what the readme is referring to.

[slater555]

probably the wrong place for this question but is there a mod for a 'sliding banner' or 'slideshow banner' to replace the 2 banners at the top of my home page?