Dropdown using Wordpress Menu

Vfxdude » BigFeature

Dropdown using Wordpress Menu

(5 posts) (2 voices)

Started 2 years ago by astroman
Latest reply from astroman

Tags:

astroman
Member

Hello Roger,

I am bulding a website where I use the WPML Plugin. I having trouble with it so I had to built the navigation menu via the Wordpress menu. Now I am running into trouble cause I wld like to style the drop down. But I don´t know how and firebug was not a big help.

Normally I wld do this with this.

---
/* Superfish Dropdown Menu */
.sf-menu ul {
position:absolute;
margin-top:13px;
top:-999em;
width:11em; /* left offset of submenus need to match (see below) */
}

.sf-menu li li {
background-color: transparent;
position:relative;
margin-top:-3px;
border-left:0;
border-top:0;
}

.sf-menu li li:hover {
background-color:#990000;
margin-top:-3px;
}

---

But changes on that have no effect on my current menu. Do you have an advice for me?

Thanks in advance
A.

Posted 2 years ago #
vfxdude
admin

add the css to a child theme style.css, and it's easier to override with specificity. You can copy styles from firebug or the main style.css and modify.

Posted 2 years ago #
astroman
Member

Hey Roger,
it´s in the style.css child theme. But with no effect on the drop down of the wp menu.
I´ve set the classes in the wp menu to sf-menu. But still no effect. I´ve just need to change the background and hover colour of the menu entries in the drop down.

A.

Posted 2 years ago #
vfxdude
admin

you need to use Firebug. there you can just copy the top style for what you need to change into the child theme. then you will get the highest specificity. and also check in Firebug that the styles you added have taken command.

Specificity might be tricky, but with Firebug it's much easier.

Posted 2 years ago #
astroman
Member

Okay. Got it!

Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.