Changing Font Size of Flyout Menus
 

Hi,
Im unsucsessfully trying to change the font size for my fly out menus. I have tried editing the css by changing the font sizes but nothing...]]Am I looking in the wrong place?

skin1/modules/Flyout_Menus/Icons/main.css

Re: Changing Font Size of Flyout Menus
 

Firefox/Firebug should point you to the correct css file.

---

Re: Changing Font Size of Flyout Menus
 

Yes, I did try that, and it seems to be pointing to the altskin.css file, within the fancycat ref. I can change the width of the flyout menu, but still not the font size.

I could only find 2 font references in the altskin, this was one of them
fancycat-icons-c ul.fancycat-icons-level-1 li a:active{font-size:13px;}

Neither made a difference.

I am confused!

Re: Changing Font Size of Flyout Menus
 

To see the font size setting that is actually being used, in firebug, scroll down the css pane until you see the first font statement setting that is not crossed out. The css gets inherited, so searching for font statements in the style sheet will be really difficult - just use Firebug to tell you exactly what is setting it.

If this is for the website in your signature - to make the font bigger for the flyout menus, try adding a font size to this, which will take precedence over the font size it now inheriting:

.fancycat-icons-e a.sub-link:link, .fancycat-icons-e a.sub-link:visited, .fancycat-icons-e a.sub-link:hover, .fancycat-icons-e a.sub-link:active {
background-image: url("images/vivid_dreams/but_arrow.gif");
background-position: right 4px;
font-size: 20px;


}


You can try editing this directly in the Firebug pane, to make sure it works, before you start updating your own style sheets.

---

Re: Changing Font Size of Flyout Menus
 

Thanks thats fantastic, the code does the trick in firebug. I wasnt getting anywhere trying to change the inherited css. I take it then I just put that code in the altskin.css file?

Thanks

Re: Changing Font Size of Flyout Menus
 

Yes, once you are happy with it, you can edit the code directly in the file that firebug displays in the css pane.

---

Re: Changing Font Size of Flyout Menus
 

I thought it wasnt working, but eventually I figureg out I had to refresh the CDN and let it propigate. I put the css in the main.css in the flyout menu folder in skin1/modules

Thanks