Hello,
Use the following CSS rules:
| Code: |
/* width */
#left UL.ux-menu LI.ux-menu-item-main
{
width: 160px !important;
}
/* height */
#left UL.ux-menu LI.ux-menu-item-main A
{
line-height: 22px;
}
/* background color */
#left .ux-menu-container UL.ux-menu LI A
{
background: red none;
}
/* background hover color */
#left .ux-menu-container UL.ux-menu LI A:hover,
#left .ux-menu-container UL.ux-menu LI A:focus,
#left .ux-menu-container UL.ux-menu LI A.ux-menu-link-hover
{
background: green none !important;
}
#left UL.ux-menu UL.ux-menu-sub
{
border-style: none;
}
|
Arrow image is located by the following path:
<joomla_directory>/modules/mod_ariextmenu/mod_ariextmenu/js/css/images/menu-arrow-right.png
Regards,
ARI Soft
