New Zenner
- Join Date:
- Dec 2011
- Posts:
- 11
- Plugin Contributions:
- 0
put "categories sidebox" categories into <ul> ? edit tpl_categories.php ?
I used this thread http://www.zen-cart.com/showthread.php?55702-How-to-move-sideboxes-to-header to copy my category sidebox to my header
now i am trying to display the menu horizontally with the sub categories displayed horizontally beneath. its kind of working except that it is displaying in a manner resembling steps instead of straight across.
i added "display:inline;" to the all the css declarations below...one at a time trying to see if it would make the problem go away but no luck
/* categories box parent and child categories */
A.category-top, A.category-top:visited {
color: black;
text-decoration: none;
border:4px solid green;
float:left;
}
A.category-top:hover {
color: white;
text-decoration: none;
-moz-box-shadow: 0px 0px 30px yellow;
-webkit-box-shadow: 0px opx 30px yellow;
box-shadow: 0px 0px 30px yellow;
}
A.category-links, A.category-links:visited {
color: green;
border:3px solid red;
text-decoration: none;
}
A.category-links:hover {
}
A.category-subs , A.category-products, A.category-subs:visited, A.category-products:visited {
color: red;
text-decoration: none;
border:2px solid purple;
display:block;
float: left;
padding: 0;
margin: 0;
}
A.category-subs:hover, A.category-products:hover {
}
SPAN.category-subs-parent {
font-weight: bold;
}
SPAN.category-subs-parent:hover{
font-weight: bold;
}
SPAN.category-subs-selected {
font-weight: regular;
color:black;
-moz-box-shadow: 0px 0px 30px blue;
-webkit-box-shadow: 0px 0px 30px blue;
box-shadow: 0px 0px 30px blue;
}
SPAN.category-subs-selected:hover {
font-weight: regular;
color:black;
-moz-box-shadow: 0px 10px 20px red;
-webkit-box-shadow: 0px 10px 20px red;
box-shadow: 0px 10px 20px red;
}
/* end categories box links */
can i edit tpl_categories so that all the categories and subcategories are in a list? so that i can target the <li> with css display:inline;
i feel like its more likely that i just dont know how to edit the existing css quoted above
is this display:inline; business on the right track?:D