Text size in formal_white --How can I increase it? (Moodle 2.0)

Text size in formal_white --How can I increase it? (Moodle 2.0)

by Aaron Batty -
Number of replies: 2

Sorry if this is an eye-rollingly ignorant question, but the text size in my favorite theme, Formal White, has been shrunk substantially.

Opening formalwhite.css, I find this in the body section:

body {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 0.95em;
line-height: 1.4;
margin: 0;
padding: 0;
}

--I have tried bumping that size up to 1.2, but it doesn't seem to do anything.

I've also tried to change it with the little control panel for the theme, but honestly, I don't know what one is supposed to put in there. A full CSS file?

Can anyone help?

Average of ratings: -
In reply to Aaron Batty

Re: Text size in formal_white --How can I increase it? (Moodle 2.0)

by Aaron Batty -

Sorry to reply to my own post, but here's where the settings are:

base.css

--The documentation at MoodleDocs is out of date; I kept looking for a font.css or something.

The font size is the first line, and it's in points.

If you increase it, it will force your headings to be bigger, too. This is nice, but it means that the labels on the blocks (such as "Settings") will be bigger than their backgrounds.

You may think "Fine, I'll just increase the size of that jpeg," but you don't actually want to do that. It makes some of the menus spam themselves with a lowercase "moodle" on every half-row or something. I don't know why. Just leave it alone.

Since the formal_white developer has decided that you should squint at least as much when entering text as when trying to read it, you will also need to edit:

editor.css

--And bump that up as well.

Average of ratings: -
In reply to Aaron Batty

Re: Text size in formal_white --How can I increase it? (Moodle 2.0)

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Hi Aaron,

Sorry you are having difficulty styling your favorite theme.

To see ANY changes you make to the CSS (or any other file in your chosen theme in Moodle 2.0) you first need to ENABLE Designer Mode, which you will find in Site Administrator > Appearance > Themes > Theme Settings... Put a TICK in the box next to Designer Mode then save your settings and go back to your HOME page. Then REFRESH the browser (Ctrl+F5) and you should see the changes you have made to the font size.

The way the FONTS work now in Moodle 2.0 is enhanced by some EXTRA css from YUI Library. It can sometimes over-ride custom settings. If you find that the font is still not the size you want after making changes to the CSS in the Formal White style-sheet, try adding !important just after the 1.2em.

HTH

Mary

Average of ratings: -