change the font size in theme

change the font size in theme

by solmaz naderi -
Number of replies: 5

Hi every one

I use a theme that name of it is "src-access "

I succed to change logo and font but I can't to change size of font! 

I have searched this problem but i didn't find solution

can anyone help me how must change the size of font?


Average of ratings: -
In reply to solmaz naderi

Re: change the font size in theme

by Mary Evans -

Hi,

I presume you are meaning the font-size for the main body of the page, yes?

If this is the case, you need to declare this in the themes CSS file or in the temes Custom CSS box within the your themes custom settings page if there is one.

The CSS is as follows:

body {
    font-size: 14px;
    line-height: 1;
}

#page {
    font-size: 120%;
    line-height: 1.5;
}

You can adjust the percentage value for the page till you arrive at the font size you need.

Hope this helps?

Mary

In reply to Mary Evans

Re: change the font size in theme

by solmaz naderi -

Hi Mary

yes , I want make change font-size

I added this commands but for apply ans see new font I have to unistall this theme and reinstall again !

How can I see changes without accomplish that process? 

In reply to solmaz naderi

Re: change the font size in theme

by Richard Oelmann -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers

Either turn theme designer mode on, or as you are only making one or two changes, just purge caches

Administration > Site Administration > Developement > purge all caches

Average of ratings: Useful (1)
In reply to solmaz naderi

Re: change the font size in theme

by Mary Evans -

OK...let's start again.

Which Moodle version are you using as the process can be different.

Thanks

Mary

In reply to solmaz naderi

Re: change the font size in theme

by Richard Oelmann -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers

Firefox is your friend (and so is Chrome developer tools)

They will allow you to identify exactly what the css selector you need to target is.

In Clean for the calendar it is (change the 0.8em as needed)