Category glitch / indent issue

[Roaddoctor]

Could someone help me fix this Category glitch?

 

How can I make the indent line up... To have the word Repair line up under the 4-Seasons, and not under the arrow

 

 

Thank you very much in advance

[Roaddoctor]

Still working on this. The Categories are CSS based. Is their a way to modify the CSS to correct the alignment? or do I need to look to code in categories.php?

 

relevent css code

 

/*begin category mod*/
/*change the menu hover color below*/
#thecategories a:hover {
background-color: #eeeeee;
color: #000000;
}

.catwithsubs, .catwithnosubs {
padding-right: 5px;
}

#thecategories {
position: relative;
top: -9px;
margin-bottom: -16px;
width: 140px;
}

.activelink {
display: block;
font-weight: bold;
}

#thecategories a {
display: block;
padding-bottom: 7px;
padding-top: 3px;
width: 100%;
}

/*mozilla fix*/
html>body #thecategories a {
width: auto;
}
/*end of mozilla fix*/

#topcat a {
padding-left: 5px;
}

#secondcat a {
padding-left: 20px;
}

#thirdcat a {
padding-left: 35px;
}

#fourthcat a {
padding-left: 50px;
}

#fifthcat a {
padding-left: 65px;
}
/*end category mod*/

[Roaddoctor]

Sorry to bump, but can anybody offer any advice?

 

Thank you

[jhande]

The only thing I can think of is to make the box width wider so it doesn't break to a second line.

That setting is found in includes\application_top.php around line 59.

// customization for the design layout

define('BOX_WIDTH', 180); // how wide the boxes should be in pixels (default: 125)

Unless there's a way to alter the categories menu to have the bullet in a column and then another column for the text.

 

But keeping the text on one line looks better.