Plain Yogurt Header tweak
Permalink
Can someone please assist me with a CSS tweak.
I need to alter the size of the grey selector box that is associated with each of the item selections.
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none;display: block;height:55px;line-height:55px;color:#67AB33;}
The site can be viewed athttp://www.justpeaceqld.org
I need to alter the size of the grey selector box that is associated with each of the item selections.
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none;display: block;height:55px;line-height:55px;color:#67AB33;}
The site can be viewed athttp://www.justpeaceqld.org
#page #header ul.nav-header li.nav-selected{ border:1px solid #777; padding:2px 8px; }This is the class for the selector box. You can change it how you like.
I just thought I would ask, do you have the web-developer tools add-on for firefox? If not it really is a life saver when it comes to CSS. You can edit it right on the page as well as look up what each class is easily. I hope this helps.