font size change in theme More

font size change in theme More

by Chamila D -
Number of replies: 8

Hi,

 I'm new to Moodle and I want to change the font size of 'Available courses' Course List in site Home.. It looks very large. I want to reduce the font size. I tried adding custom CSS but no luck. want to know the exact CSS selector for the task. my role is site manager.Thank you. 

My Moodle version is 3.1.2+ (Build: 20161020) Please help me. Thank you.

Average of ratings: -
In reply to Chamila D

Re: font size change in theme More

by Greg Smith -

I am also looking into  how to change the font size of 'Available courses' Course List in site Home.

My set up info;

Centos 7.3 virtual machine 

Moodle 3.2.1+ (Build: 20170303)

Mysql  Ver 15.1 Distrib 5.5.52-MariaDB, for Linux (x86_64) 

Server version: Apache/2.4.6 (CentOS) 

Php 5.6

In reply to Chamila D

Re: font size change in theme More

by Randy Thornton -
Picture of Documentation writers

Try this in the custom css:

#frontpage-course-list h2, #frontpage-category-names h2, #frontpage-category-combo h2 {
  font-size:1.8em;
color:#027848;
}


where obviously you set your own font-size and color.

This will affect H2 headers, which is what that title's style is, but only for the course list, category list and combo on the front page, and leave other H2 headers as they are.


Average of ratings: Useful (1)
In reply to Randy Thornton

Re: font size change in theme More

by Chamila D -

Thank you very much Rendy. It Works. smile

But in my case I want to change the font size of course titles with the course code that appear under the "Available courses" . Please help me. 

Thank you


In reply to Chamila D

Re: font size change in theme More

by Randy Thornton -
Picture of Documentation writers

Ah, I always do that too. The default sizes are not very good. Here's what I use typically:


/* course catalog font settings */
h3.coursename { font-size: 1.2em; }
h3.categoryname { font-size: 1.2em; }
.coursebox .info { font-size: 1.1em; }
.coursebox .teachers,
.coursebox .cost { font-size:0.9em; }
.coursebox .summary { font-size:0.9em; }


In reply to Randy Thornton

Re: font size change in theme More

by Chamila D -

Thank you very much Rendy. smile

The other problem is teacher's name appear in two rows for some names. (In available courses course list)  Is there any way to make it in one row. Please help me if you could.

Your support is highly appreciated. Thanks again.


In reply to Chamila D

Re: font size change in theme More

by Randy Thornton -
Picture of Documentation writers

I don't believe there is a way to do that in the css.

The More theme puts these names into an unordered list, all of the same css class. You would probably have to change the actual code of the theme to get it to change that behavior.

In reply to Randy Thornton

Re: font size change in theme More

by Graeme Norman -

Exactly what I was looking for. Thank you for sharing.

In reply to Randy Thornton

Re: font size change in theme More

by Greg Smith -

Thank you Randy, This also worked  for me.