Hi,
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!
To change the width (currently set at 90%) you would need to change it in three places (in core.css):
#headerinner
#contentwrapper
#footerinner
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!
Thank you very much, John. I just tried this out and it works well!
