Moderator
t-p
(@t-p)
Try using – for example – a tool like Firefox with the Firebug add-on for this kind of CSS work. http://getfirebug.com/ . Help info on Firebug https://getfirebug.com/faq/
Thread Starter
FVW
(@fvw)
Thanks for the tip, but I already tried to use firebug, but I did not manage to get this done 🙁
Normally this should not be that difficult!? But with this Theme, I really don’t know where to change this…
Is there anybody who could help me?
Thanks in advance!!!
Fabian
Where did you put the code in ? via childtheme stylesheet or Theme’s Custom CSS ?
The style for nav is loaded after the theme style, so you have to use a selector that has more specificity.
So this in child theme stylesheet wouldn’t work
#nav a { color: pink; }
This will work.
html #nav a { color: pink; }
Both codes will work in Theme’s Custom CSS option because it’s loaded down below.
So copy over the part under the title /*** DEMO SKIN ***/
from discover/css/superfish.css
and change all the instances that has color property in it and put in theme’s Custom CSS option.
For the nav font size, if you change it, you will have to change the position of the dropdown too, it needs a little calulation, but if you use Firebug you can just view the height.
#nav li.sfHover ul {
top: 62px; /* match top ul list item height */
}