Is there a way to change SIZE of categories (sport skin) emenu? Been at it for hours. editing dropdown.css doesn’t seem to help. any hints?
Tx
[quote name=‘sYsOp’]Is there a way to change SIZE of categories (sport skin) emenu? Been at it for hours. editing dropdown.css doesn’t seem to help. any hints?
Tx[/quote]
Yeah… got no idea what you want.
Category row height?
[quote name=‘JesseLeeStringer’]Yeah… got no idea what you want.
Category row height?[/QUOTE]
Yes - the same.
Righteous self bump
I actually had the same issues with the emenu. My category things are either too long or too tall for the default css.
I ended up just doing away with the dropdown.css sheet and adding my own set of styles to my style sheet. I actually got my styles from the 1.3.x series, but they seemed to work great.
Here is what I added to my style sheet:
```php
/* Vmenu /
#vmenu { / Common style /
margin: 0px;
padding: 0px;
list-style: none;
font: bold 12px Verdana;
}
#vmenu ul { / Root items /
padding: 1px;
margin: 0px;
list-style: none;
width: 200px;
z-index: 99;
overflow: visible;
position: absolute;
background-color: #ffffff;
}
#vmenu li.has-children { / Root with children /
position: relative;
width: 200px;
display:block;
height:28px;
background: #f6f6f6 url(‘images/menu10.png’) no-repeat;
}
#vmenu li ul li.has-children { / 2nd+ level with children /
position: relative;
width: 200px;
height:28px;
display:block;
background: #ffffff url(‘images/menu10.png’) no-repeat;
z-index: 5;
}
#vmenu li.has-children:hover, #vmenu li > a.has-children:hover, #vmenu li:hover > a.has-children:link, #vmenu li:hover > a.has-children:visited { / Root with children - hover /
color:#7F9076;
background: #ffffff url(‘images/menu10.png’) no-repeat 0 -32px;
}
#vmenu li ul li.has-children:hover, #vmenu li ul li a.has-children:hover, #vmenu li ul li:hover a.has-children:link, #vmenu li ul li:hover a.has-children:visited { / 2nd+ level item with children - hover /
color: #7F9076;
background: #ffffff url(‘images/menu10.png’) no-repeat 0 -32px;
z-index: 5;
}
#vmenu li { / Root without without children /
position: relative;
width: 200px;
height:28px;
display:block;
background: #ffffff url(‘images/menu10.png’) no-repeat;
z-index: 5;
}
#vmenu li ul li { / 2nd+ level without children /
position: relative;
width: 200px;
height:28px;
display:block;
background: #ffffff url(‘images/menu10.png’) no-repeat;
z-index: 5;
}
#vmenu li:hover, #vmenu a:hover { / Root wihout children - hover /
color:#7F9076;
background: #ffffff url(‘images/menu10.png’) 0 -32px no-repeat;
}
#vmenu li ul li:hover, #vmenu li ul li a:hover { / 2nd+ level wihout children - hover /
color:#7F9076;
background: #ffffff url(‘images/menu10.png’) 0 -32px no-repeat;
}
#vmenu li.h-sep { / Horizontal separator /
margin: 0;
padding: 0;
height: 3px;
line-height: 3px;
font-size: 1px;
background: url(‘images/emenu_delim.gif’) repeat-x center;
}
#vmenu li.h-sep:hover { / Horizontal separator /
background: url(‘images/emenu_delim.gif’) repeat-x center;
}
#vmenu ul li { / 2nd+ level items /
background-color: #ffffff;
font-size: 11px;
background-image: none;
z-index: 5;
}
#vmenu a { / 2nd+ level items (a tag) /
text-decoration:none;
color: #333333;
font: bold 12px;
font-family:“Trebuchet MS”, Arial, Helvetica, sans-serif;
display:block;
padding: 4px;
z-index: 5;
}
#vmenu li ul li a {
font: bold 11px;
font-family:“Trebuchet MS”, Arial, Helvetica, sans-serif;
}
#vmenu ul { / submenu offset relating to root items /
display: none;
position: absolute;
top:0;
left: 200px;
}
#vmenu li:hover > ul { / Show children /
display: block;
}
li>ul { / Something IE related? /
top: auto;
left: auto;
}
/ Win IE only */
- html #vmenu li {
float:left;
}
- html #vmenu a {
width: 200px;
}
- html #vmenu li.has-children:hover, * html #vmenu li a.has-children:hover, * html #vmenu li:hover a.has-children:link, * html #vmenu li:hover a.has-children:visited { /* Root with children - hover */
color:#7F9076;
background: #ffffff url(‘images/menu10.png’) 0 -32px no-repeat;
}
- html #vmenu ul {
left: 200px;
}
/* end holly hack /
/ End Vmenu */ ```
That should get you started. From here you should be able to replace the images if you want or change the various heights and stuff.
I would also highly recommend downloading and installing the Firebug addon for Firefox. This addon will totally help you figure this out in no time.
Brandon
Thanks brandonvd. That gave me a great start. Now to figure out how to add custom pages in categories emenu. >.<