Change Font Color in Custom Menu

Picture of Peter Wang
Change Font Color in Custom Menu


I am using DarkBlue theme on Moodle 2.1.1+. Now I want to do two things to the theme, but don't know how:

1) The main frame of the theme is too wide. I want to reduce the width, and place the theme pages always in the middle, like Aardvark. Which part of .CSS file should I change?

2) I don't want to use the default color for the Custom menu items. How can I change custom menu colors?

I am new to CSS. Very much appreicate your help.

Thanks in advance!

Average of ratings: -
Picture of John St
Re: Change Font Color in Custom Menu
Core developersPlugin developers

To change the width (currently set at 90%) you would need to change it in three places (in core.css):




Just change the width to a smaller % or a fixed pixel width. 

The custom menu's top level font color is here (in core.css)

.yui3-skin-sam #page .yui3-menu-label, .yui3-skin-sam #page .yui3-menuitem-content { color: #aaa; font-weight: 300; text-shadow: 1px -1px 1px #000; } 

Change the #aaa to whatever you like and adjust the text-shadow if necessary. 

Sub-menu items' font color is here (in core.css):

.custom_menu_submenu .yui3-menu-label, .custom_menu_submenu .yui3-menuitem-content { color: #3333cc !important; text-shadow: none !important; }

Make sure you clear the theme cache after making any changes!

Average of ratings: Useful (2)
Picture of Peter Wang
Re: Change Font Color in Custom Menu

Thank you very much, John. I just tried this out and it works well!

Average of ratings: -