also trying to wrestle with the 'hover' option to change the background colour eg

UL.ux-menu LI.ux-menu-item5>A
{
border-bottom:#fee000 solid 5px;
}

UL.ux-menu LI.ux-menu-item5 .ux-menu-sub A
{
background: none #fee000 !important;
}

.ux-menu-link-hover-item5
{
background: none #e03e3e !important;
}

I know I'm doing something obviously wrong - heellllpppp!

Provide a link to a page where we can see the menu on your site.

Regards,
ARI Soft

I've cracked it! not sure if it's right but it is working

UL.ux-menu LI.ux-menu-item6>A
{
border-bottom:#702c6a solid 5px;
}

UL.ux-menu LI.ux-menu-item6 .ux-menu-sub A
{
background: none #e7c4dd !important;
}

UL.ux-menu LI.ux-menu-item6 .ux-menu-link-hover
{
background: none #702c6a !important;
color:#fff !important;
}


UL.ux-menu LI.ux-menu-item6 .ux-menu-sub A:hover
{
background: none #702c6a !important;
color:#fff !important;
font-weight:bold !important;
}

I am trying to do individual styling for the AriExt Menu on different pages. So far the styling for the individual menu has worked for me but I would like to know if I could simplify the CSS instead of having styles for each individual item[ID].

I'd really like to add styles to the Parent but am having issues getting those styles to show up.

For each page containing the AriExt Menu I'd like to add the style to the parent, not individual [item ID].

Take a look at this staging site for more details.


www.entertainmentcruises.com.ecstaging.subscribermail.com/Weddings/home
This pages has the menu styled for each individual A:link, which I find annoying, Can I simplify?



www.entertainmentcruises.com.ecstaging.subscribermail.com/Weddings/Chicago/home

Hello,

If you want to specify specific styles for <A> tags for main menu items only, use the next CSS rule:



Regards,
ARI Soft

Will this target all the menu items? Can I adjust the height and width of these elements in one style or must I continue to create multiple styles for each menu item?