Zen Cart Logo
Forums / Setting Up Categories, Products, Attributes / Removing little arrows from category listing

Removing little arrows from category listing

Views: 1,573

Results 1 to 11 of 11
3 May 2011, 1:52 PM
#1
davisz avatar

davisz

Zen Follower

Join Date:
Jan 2011
Posts:
141
Plugin Contributions:
0

Removing little arrows from category listing

Hello,,

I am using a categories add on to expand the categories down a few levels. It is called Expanded Categories Listing. I am not sure if these little arrows came with this mod - but I have a feeling they did. I cannot locate where to take these arrows out at.

Here is the site http://testmulberry.com/

any help is appreciated, thanks!

3 May 2011, 2:36 PM
#3
davisz avatar

davisz

Zen Follower

Join Date:
Jan 2011
Posts:
141
Plugin Contributions:
0

Re: Removing little arrows from category listing

Thank you for the tutorial you have made. However, this does not answer my question. On my page, there are arrows that look like images. To the left of my main categories. I cannot figure out how to get rid of these.

Anyone have an idea?

3 May 2011, 2:47 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Removing little arrows from category listing

Have you fixed this? I don't see any arrows to the left of categories.

3 May 2011, 2:54 PM
#5
davisz avatar

davisz

Zen Follower

Join Date:
Jan 2011
Posts:
141
Plugin Contributions:
0

Re: Removing little arrows from category listing

That's odd.. In Chrome is shows them still there. In FireFox they are gone. I commented out a piece of code in the .css that looked like it was generating that arrow. I guess it worked.. ??

With this has come new problems, my employer wants the categories to be in CAPS because that is how their current site does it. Some of the cats are too long and moved to a second line and are indented. How can I move these over and hopefully fit the categories?

3 May 2011, 3:14 PM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Removing little arrows from category listing

The categories mod you are using does strange things to the links. The subcategories generate links as if they were top cats, but if you click on a top cat, you get a proper listing of its subcats in the center, and those have the correct cPaths.

For the top categories, do you want them indented at all, or lined up at the left like the subcats? The reason they are indented on the first line is padding applied in the stylesheet; the indent doesn't carry over to the second line because the <a> element is "inline" by default. If you want it to have "block" characteristics, you need to make it display: block;

3 May 2011, 3:45 PM
#7
davisz avatar

davisz

Zen Follower

Join Date:
Jan 2011
Posts:
141
Plugin Contributions:
0

Re: Removing little arrows from category listing

Preferably, I would love to have the top cats justified left all the way. For the subcats, I would love to have these indented slighty underneath their appropriate top cat. My employer wants them to look like their current site, which can be found here

http://www.shop.mulberryfundraisers.com/

top cats left, sub cats indented.

3 May 2011, 3:52 PM
#8
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Removing little arrows from category listing

For this, you need to edit two style rules:

stylesheet.css (line 1003) - remove padding

a.category-top {
font: bold 13px arial;
padding: 0 0 0 9px;
text-decoration: none;
}

stylesheet.css (line 1041) - add padding

a.category-subs, a.category-products, a.category-subs:visited, a.category-products:visited {
color: #333333;
font: bold 12px arial;
text-decoration: none;
padding: 0 0 0 9px;
}

3 May 2011, 4:09 PM
#9
davisz avatar

davisz

Zen Follower

Join Date:
Jan 2011
Posts:
141
Plugin Contributions:
0

Re: Removing little arrows from category listing

Once again your genius is helping my site come together nicely.

Do you think there is any work around for getting the words to fit in the cat box? For instance, shop by category is on two lines and I'd like for it to be on one.

A weak attempt at this, I changed the font of a.category-top to 12px instead of 13px, and shop by lifestyle now fits on one line, but shop by category is still too big. I wish I could make the box a little bigger on the right side.

3 May 2011, 5:16 PM
#10
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Removing little arrows from category listing

If you want to widen the sideboxes, go to Configuration > Layout Settings >
Column Width - Left
and
Column Width - Left Boxes

Keep the Left at least as big as the Left Boxes.

3 May 2011, 5:23 PM
#11
davisz avatar

davisz

Zen Follower

Join Date:
Jan 2011
Posts:
141
Plugin Contributions:
0

Re: Removing little arrows from category listing

Wow - looks great.

Thanks for the help (again).