troubleshooting Question

CSS menu, want to change font on submenu

Avatar of Melody Scott
Melody ScottFlag for United States of America asked on
CSSHTMLAutomotive
16 Comments1 Solution401 ViewsLast Modified:
www dot rockypointnewsonline dot com slash next-issueslash advertise dot html

Hi! I have a css menu here, working well, but I'd like to make the font smaller on the submenu items, and I can't quite figure out how to do that. I'll give you the style sheet code in the code box, and I'll upload a file called csshover2.htc, but will change the extension to .txt. I hope that will work.

If I can make the font smaller, then I can make the container smaller as well, and I think that will work better. Thanks in advance!
body{ behavior:url("csshover2.htc"); }
.pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #107bad;width:975px; border:solid 1px #107bad;clear:both;} /*Color navigation bar normal mode*/
.pd_menu_01  a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:18px;
color: #FFFFFF;
background-color: #107bad;
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important ; z-index:1000 ; border-right:solid 0px #107bad; border-left:solid 0px #107bad;}
.pd_menu_01 ul li a {color: #FFFFFF;background: #107bad;float:none !important ; float:left ; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #107bad; width:1px}
.pd_menu_01 ul li:hover a {background-color:#13a3e1; text-decoration:none; color:#C0C0C0;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block;  position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 0px #107bad; border-bottom: solid 0px #107bad; background-color:#CCCCCC;  color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#cccccc; text-decoration:none;color:#F16D6E;} /*Color subcells hovering mode*/
.pd_menu_01 ul li a:hover {background-color:#13a3e1; text-decoration:none;color:#C0C0C0;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li ul li a:visited { background-color:#CCCCCC;  color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 18px 4px 18px; border-left:solid 0px #107bad; border-bottom: solid 0px #107bad; background-color:#CCCCCC;  color:#FFFFFF;} 
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#cccccc; text-decoration:none;color:#F16D6E;} /*Color subcells hovering mode*/
csshover2.txt
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 16 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 16 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros