Forums / Templates, Stylesheets, Page Layout / separator tabs at the category side box

separator tabs at the category side box

Locked

Views: 798

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
8 Nov 2010, 4:23 AM
#1
nature_s_darling avatar

nature_s_darling

New Zenner

Join Date:
Feb 2009
Posts:
4
Plugin Contributions:
0

separator tabs at the category side box

Hello
Could you pls tell me how to add separators in the category side box? I saw one similar question previously posted, but the reply was very sketchy and too technical. (the other boxes / tabs will highlight when I hover the mouse, but the "category" won't)

Using version: PHP Version 5.2.14 - not upgraded

This is my website: http://www.naturesdarling.com/

Thank you in advance.

8 Nov 2010, 10:58 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: separator tabs at the category side box

First, it'll be a lot easier (and easier for your customers to read) if you increase the width of the left column so your category names don't wrap. Then you can find this in the stylesheet and add the red parts:

A.category-top, A.category-top:visited {
color: #008000;
text-decoration: none;
border-bottom:1px solid;
line-height:1.5em;

}

If you want the category name text to change color on hover, add this to the stylesheet:

A.category-top:hover {
color: #ff0000;
}

9 Nov 2010, 9:58 AM
#3
nature_s_darling avatar

nature_s_darling

New Zenner

Join Date:
Feb 2009
Posts:
4
Plugin Contributions:
0

Re: separator tabs at the category side box

stevesh:

First, it'll be a lot easier (and easier for your customers to read) if you increase the width of the left column so your category names don't wrap. Then you can find this in the stylesheet and add the red parts:

A.category-top, A.category-top:visited {
color: #008000;
text-decoration: none;
border-bottom:1px solid;
line-height:1.5em;

}

If you want the category name text to change color on hover, add this to the stylesheet:

A.category-top:hover {
color: #ff0000;
}

Thank you stevesh;957242. I appreciate your assistance. But I have to ask another dumb question: I don't see a stylesheet anywhere - could you pls tell me where to find it?

9 Nov 2010, 10:00 AM
#4
nature_s_darling avatar

nature_s_darling

New Zenner

Join Date:
Feb 2009
Posts:
4
Plugin Contributions:
0

Re: separator tabs at the category side box

Thank you stevesh;957242. I appreciate your assistance. But I have to ask another dumb question: I don't see a stylesheet anywhere - could you pls tell me where to find it? I searched the FAQs and couldn't find it

9 Nov 2010, 10:37 AM
#5
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: separator tabs at the category side box

It's a file - includes/templates/custom/css/stylesheet.css

14 Nov 2010, 5:08 PM
#6
nature_s_darling avatar

nature_s_darling

New Zenner

Join Date:
Feb 2009
Posts:
4
Plugin Contributions:
0

Re: separator tabs at the category side box

Hi Steve
I thank you for your assistance. I managed to get into the stylesheet, but the closest thing I see to A.category-top, A.category-top:visited {
color: #008000;
text-decoration: none;

is this:

a.headerLink:visited{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

Are they the same? (There is no a.category in the stylesheet)