We're using Moodle 1.9 and the Custom Corners theme and wish to modify the font color of the small titles like Main Menu, Site News, Login, etc. Where can this be done? We have managed to find where to modify the main title color, but that's about it. Does anyone know where in the userstyles.css file this should be modified?
Any help would be greatly appreciated.
Have a great afternoon! and cheers! fred
XRAY is the tool for you 
Hi Fred,
You might want to check out http://docs.moodle.org/en/Creating_a_custom_theme to get started. The best suggestion there is to get hold of the Web Developer toolbar for Firefox. A quick glance at it suggests that the css you need to style is .headingblock or h2.headingblock
If your CSS skills need work, I'd grab a good book or online tutorial on using CSS.
Also head on over to the Themes forum too; search it and/or ask a question and you'll get there soon enough!
MC
You might want to check out http://docs.moodle.org/en/Creating_a_custom_theme to get started. The best suggestion there is to get hold of the Web Developer toolbar for Firefox. A quick glance at it suggests that the css you need to style is .headingblock or h2.headingblock
If your CSS skills need work, I'd grab a good book or online tutorial on using CSS.
Also head on over to the Themes forum too; search it and/or ask a question and you'll get there soon enough!
MC
Thanks, guys! i don't want to develop a whole website, just change font colors on a couple of items. XRay seemed really neat but it doesn't seem to tell me which file to edit and i'm going to try the toolbar for Firefox now and see if i can get more info on this.
Gee, it can't be this difficult just to change a color from black to red.
Thanks again for the posts and have a great afternoon!
Gee, it can't be this difficult just to change a color from black to red.
Thanks again for the posts and have a great afternoon!
.sideblock .header .title h2 {
color:#yourhex;
}
should do it.
color:#yourhex;
}
should do it.
Thanks, Patrick! i had just found it when i got your post. i was looking for something like...
Go to the Theme you are using, in my case, RoundedCorners and edit user_styles.css
h2.headingblock {
background-image: url(pix/header.png);
background-repeat: repeat-x;
background-position: center top;
padding: 5px 5px 6px;
color: #CC0000;
font-size: 100%;
border-right-width: 1px;
border-left-width: 1px;
border-style: none solid;
border-right-color: #F1ECE6;
border-left-color: #F1ECE6;
change color: #xxxxxx to your hex color and also change...
div.sideblock div.title h2 {
font-size: 1em;
line-height: 1.1em;
color:#CC0000;
(the color will need to be added because this doesn't come with a color)
Thanks again for posting and have a great evening!
Go to the Theme you are using, in my case, RoundedCorners and edit user_styles.css
h2.headingblock {
background-image: url(pix/header.png);
background-repeat: repeat-x;
background-position: center top;
padding: 5px 5px 6px;
color: #CC0000;
font-size: 100%;
border-right-width: 1px;
border-left-width: 1px;
border-style: none solid;
border-right-color: #F1ECE6;
border-left-color: #F1ECE6;
change color: #xxxxxx to your hex color and also change...
div.sideblock div.title h2 {
font-size: 1em;
line-height: 1.1em;
color:#CC0000;
(the color will need to be added because this doesn't come with a color)
Thanks again for posting and have a great evening!
Thanks for the more in-depth explanation, Fred. If you're still around and wouldn't mind going even further for me, when you say "Go to the Theme you are using, in my case, RoundedCorners and edit user_styles.css"
...how do I "go to the theme" and where do I find the "user_styles.css" file?
I've looked for that file on my ftp server, but it doesn't exist as far as I can tell. And I can't find anywhere in the Admin panel that allows me to go in and edit the theme files.
Help!
Thanks in advance,
Katrina
...how do I "go to the theme" and where do I find the "user_styles.css" file?
I've looked for that file on my ftp server, but it doesn't exist as far as I can tell. And I can't find anywhere in the Admin panel that allows me to go in and edit the theme files.
Help!
Thanks in advance,
Katrina