Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

Category glitch / indent issue


Recommended Posts

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*/


Link to comment
Share on other sites

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.

- :: Jim :: -

- My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 -

Link to comment
Share on other sites


This topic is now archived and is closed to further replies.

  • Create New...