Hi there,
i'm trying to set up the ARI Ext Menu in order du fit to the layout of my webpage. Everything I added to the CSS-Tab I have found here in the forum:
Code: |
.ux-menu LI a { line-height: 8px; }
.ux-menu-container .ux-menu A {
background: #005ea8 none;
border: 0px none;
}
.ux-menu-container .ux-menu A:hover,
.ux-menu-container .ux-menu A.ux-menu-link-hover
{
background: #f39400 none;
}
.ux-menu-container .ux-menu A.current
{
background: #f39400 none;
}
|
This is the result so far:
I would like to add the following changes:
- same width for every main button
- text left alligned
and if possible these changes would be nice:
- there should be some space between every main menu button
- the upper right corner of every main menu button should be skew (sorry, i don't know if this is the correct english word): cf. 2nd picture
is this possible with ari ext menu? and if so, can someone tell me how to do this?