Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / CSS: Underlining Links in Categories Sidebox

CSS: Underlining Links in Categories Sidebox

Locked

Views: 739

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
2 Feb 2010, 5:02 PM
#1
eyal8r avatar

eyal8r

Zen Follower

Join Date:
Jan 2010
Posts:
142
Plugin Contributions:
0

CSS: Underlining Links in Categories Sidebox

Hey guys-
I have another one I'm completely stumped on.

site- h c g s u p p l y . c o m / s t o r e

I want the links in the sideboxes (on the left side only) to be underlined the entire distance of the column. It's working on the other boxes (Information, Articles, etc). However, for some reason, it's not working on the Categories/Products box. I have this CSS which is working for the other boxes...

.sideBoxContent li {
margin-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd;
}

Any ideas as to why that won't work on the Categories/Products side box?

Thanks a ton guys!

2 Feb 2010, 5:38 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: CSS: Underlining Links in Categories Sidebox

Try this and adjust to suit

#categoriesContent a:link {
  border-bottom-style: solid;
  border-bottom-color: #4f4f4f;
}

In the future please add only one space to break link as in
http ://hcgsupply.com/

2 Feb 2010, 5:50 PM
#3
eyal8r avatar

eyal8r

Zen Follower

Join Date:
Jan 2010
Posts:
142
Plugin Contributions:
0

Re: CSS: Underlining Links in Categories Sidebox

Thanks for the help-
That didn't work. I figured out that it's because the Categories are dynamically written into the page, and DOES NOT use UL or LI's to list them (not sure why that is). So my original code won't apply to it.

Your code only underlines the last link in the section. Additionally, it only underlines the actual text in the link- I want the entire width of the column underlined- like the ones in the Information and Articles boxes.

Is there a way to change this to a UL LI style for displaying the links?

2 Feb 2010, 6:25 PM
#4
eyal8r avatar

eyal8r

Zen Follower

Join Date:
Jan 2010
Posts:
142
Plugin Contributions:
0

Re: CSS: Underlining Links in Categories Sidebox

ok- just installed a mod - the Category UL LI mod (or something similar). That worked great!
Thanks!
:clap: