X-Cart forums

[isaels@i-artsupplies.co.u]

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

[gb2world]

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

---

[isaels@i-artsupplies.co.u]

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!

[gb2world]

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.

---

[isaels@i-artsupplies.co.u]

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

[gb2world]

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

---

[isaels@i-artsupplies.co.u]

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