I've been searching through the forum, and can't find any reference to this - is it possible to use an image to separate oage menu items (rather than a pipe or a symbol etc)

many thanks!

Joan

is there a way to do it, sure, there is a way to do everything. Can it be done without making changes to the theme.? I've no idea. It would probably take an hour of playing to figure out. there might even be a plugin that cold do it...

turns out you can use img code in the wp native menu now. that's a welcome change. all is well, and thank-you for the reply, juggledad! http://bradensshuttle.ca/demo2013/ (only problem is, it highlights around each of them, just as it does around the menu titles - if you can think of something off the top of your head to make that go away, i'd be grateful!)

best,
joan

Originally Posted by striped aardvark

if you can think of something off the top of your head to make that go away, i'd be grateful!)

best,
joan

Two things I can think of.
Add image code to each menu item. For instance add image code to the right of the first menu item etc.

Add a class to the anchor menu items. If you don't see a class check box you have to turn it on via Screen Options.
Then use the class with the following CSS.

.class-name a:hover {
    background: white !important;
}

thank-you! i'm trying those.. I didn't even know we could give menu items a class! so I called them anchorhover, and added this code to the inserts :

.class-anchorhover a:hover
{
background: white !important;
}

but it didn't work. damn! I've searched the source, and each anchor also has an id like this.. li id="menu-item-43" .. so with my limited css skills, I thought maybe something like :

li.menu-item-43 a:hover
{
background: white !important;
}

or

#menu-item-43 a:hover {
background: white !important;
}

no luck with either of those.. but i'm fairly certain i'm doing something wrong with that code.

what about some way of making the anchors not links at all? so they don't even qualify for the hover code?

hold the phone - my clunky code did the trick! many thanks you guys!!!

For the class of anchorhover don't add class- before your class name you would use.

.anchorhover a:hover
{
background: white !important;
}

By using a class you won't have to find the id of each item although that works fine as well.

w00t! thank-you so much! I won't forget!