Zen Cart Logo
Forums / General Questions / Help with css, as gone brain dead

Help with css, as gone brain dead

Locked

Views: 1,534

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
11 Sep 2006, 2:15 PM
#1
lucianman avatar

lucianman

Zen Follower

Join Date:
Sep 2004
Posts:
245
Plugin Contributions:
0

Help with css, as gone brain dead

I'm having some problems locating the css for a particular area on my site. I want to change the colour for my links in the categories section.

I've attached a sample pic of the area i want change. The red links and also how can i change the little L shape at the beginning to each sub cat to an arrow.

11 Sep 2006, 3:34 PM
#2
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Help with css, as gone brain dead

The colour of those links is controlled by the following CSS in your stylesheet_original> A.category-subs, A.category-products {

color: #FF0000;
text-decoration: none;

}

12 Sep 2006, 9:23 AM
#3
femky avatar

femky

New Zenner

Join Date:
May 2006
Posts:
24
Plugin Contributions:
0

Re: Help with css, as gone brain dead

He guys,

We just closed the same discussion in the following thread:
http://www.zen-cart.com/forum/showthread.php?p=260424#post260424

In there you can find more code for changing the settings of the content of the categories box. Color of top list, sub list, link color etc.

Good luck!

12 Sep 2006, 10:32 AM
#4
lucianman avatar

lucianman

Zen Follower

Join Date:
Sep 2004
Posts:
245
Plugin Contributions:
0

Re: Help with css, as gone brain dead

i am using the new templates,which just has stylesheets

12 Sep 2006, 10:41 AM
#5
femky avatar

femky

New Zenner

Join Date:
May 2006
Posts:
24
Plugin Contributions:
0

Re: Help with css, as gone brain dead

I am also working with the 1.3.5. and the new template and stylesheets.

Find your includes/templates/yourtemplate/css/stylesheet.css. Add the following code into the stylesheet:

/* categories box parent and child categories */
A.category-top {
color: #008000;
text-decoration: none;
}
A.category-links {
color: #004080;
text-decoration: none;
}
A.category-subs, A.category-products {
color: #FF0000;
text-decoration: none;
}
SPAN.category-subs-parent {
font-weight: bold;
}
SPAN.category-subs-selected {
font-weight: bold;
}

You can of course also past this code into includes/templates/template_default/css/stylesheet.css but than you are chaning the the original. You better create your own template and keep the default as a untouched backup.

12 Sep 2006, 11:23 AM
#6
lucianman avatar

lucianman

Zen Follower

Join Date:
Sep 2004
Posts:
245
Plugin Contributions:
0

Re: Help with css, as gone brain dead

How do i change the little L shape to a bullet point

12 Sep 2006, 11:49 AM
#7
femky avatar

femky

New Zenner

Join Date:
May 2006
Posts:
24
Plugin Contributions:
0

Re: Help with css, as gone brain dead

Fot that you have to go to the admin panel. Go to configuration - layout settings.

There find the following:

Categories Separator between the Category Name and Sub Categories |_ 

click on edit and change the |_ into whatever you want. the &nbsp provides a space. You can add more or delete it as you wish.

With one option above:

Categories Separator between the Category Name and Count

you can change the -> behind the category name.

12 Sep 2006, 12:12 PM
#8
lucianman avatar

lucianman

Zen Follower

Join Date:
Sep 2004
Posts:
245
Plugin Contributions:
0

Re: Help with css, as gone brain dead

Thanks mate, for your assistance

12 Sep 2006, 12:29 PM
#9
lucianman avatar

lucianman

Zen Follower

Join Date:
Sep 2004
Posts:
245
Plugin Contributions:
0

Re: Help with css, as gone brain dead

do you know how can one get their own symbol there

13 Sep 2006, 10:03 PM
#10
femky avatar

femky

New Zenner

Join Date:
May 2006
Posts:
24
Plugin Contributions:
0

Re: Help with css, as gone brain dead

Sorry, I was hoping someone else would answer........
I only can tell you that you can add php code as well and that would be the way to add your own picture. You have to find the right code for that. I cannot help you with that.