Removing little arrows from category listing

[davisz]

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.

[gjh42]

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;
}

[davisz]

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.

[gjh42]

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.

[davisz]

Wow - looks great.

Thanks for the help (again).