Adding an arrow next to menu elements

Hi,
I would like to add a dropdown arrow next to every menu element as an image.
Adding into menu.css the class

Code: Select all

a#menu.haschild{
background-image:(/arrow-down.png) top right;}

didn't worked.
The image is uploaded into template/images and into template/css/menu folders.
What am I doing wrong?

Thanks in advance,
Kind regards,

Hi,
can you attach your image again? Becasue I don't see any image.

Here I send attached the arrow I want to add. It must be on the right side of every menu element with some margin if possible. The website to do it is http://tiendanueva.negre.es/

Thanks in advance,
Kind Regards,

Try this code in override.css

Code: Select all

#gkExtraMenu li.haschild {
background: url('../images/arrow_down.png') top right no-repeat;
}


remember to enable override.css option in template settings.

Hi Konrad,
Thank you for your assistance, although the code is added into override.css the image is still not displaying in the menu, it is maybe a question of the image path?

I checked your override.css in browser and I don't see this code inside this file.

Hi Konrad M,
yes, the code is located in override.css line 161
The menu has a padding between elements, could it be the problem?

Kind Regards,