Hi,

I have experimented a lot the last 2 hours but I have not found a solution to my problem.
Firstly, I have not edited the ari yui .css files in my joomla installation folder at all. Instead, I have added the following lines in CSS styles of the module.

#{$id}.yui-skin-sam .yuimenubar DIV.bd
{
background: #fff;
}

#{$id}.yui-skin-sam .yuimenubar DIV.bd a.yuimenubaritemlabel
{
color: #004b73;
}

#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected
{
background-color: #00679e;
}

#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected,
#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected:link,
#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected:visited,
#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected:hover {
color:#FFF;
}

#{$id}.yui-skin-sam .yuimenu DIV.bd
{
background: #00679e;
}

#{$id}.yui-skin-sam DIV.bd ul li a.yuimenuitemlabel
{
color: #FFF;
}


#{$id}.yui-skin-sam DIV.bd ul li DIV.bd ul li a.yuimenuitemlabel-selected
{
background-color: #0092cb;
}



Given this arrangement of my menu, I would like the arrows of the menu bar to turn white from black when I select/mouse over a specific item of my menu bar.

Secondly, I would like the arrows in my submenus that point to another sub-submenu not to disappear when I mouse over a specific submenu item.

Any advice would be helpful!
Thanks in advance

Hello,

Provide link to page, please, where we can see the menu on your site that we can help you.

Regards,
ARI Soft

Here is the site

newsite.telecompare.gr/index.php/el

You can add the following CSS rules to 'CSS Styles' parameter in module settings:



One note, if you want to show white arrow, create image with white arrow and enter path to it in the first CSS rule.

Regards,
ARI Soft

Thanks a lot for your reply. It is working perfectly now!

Regards

The arrows are working perfectly, however it seems that this piece of code

body #{$id}.yui-skin-sam DIV.bd ul li DIV.bd ul li a.yuimenuitemlabel-selected
{
background-color: transparent;
}

adds another colour in my menu palette that was not there. I tried to change the above statement to

body #{$id}.yui-skin-sam DIV.bd ul li DIV.bd ul li a.yuimenuitemlabel-selected
{
background-color: #0092cb;
}

but then the white arrows in the submenus disappear.

Take a look
newsite.telecompare.gr/

I would like the "leaves" of my menu to be coloured #0092cb.

Thanks a lot in advance!