font size change in theme More

font size change in theme More

yazan Chamila D -
Yanıt sayısı: 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.

Chamila D yanıt olarak

Re: font size change in theme More

yazan 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

Chamila D yanıt olarak

Re: font size change in theme More

yazan Randy Thornton -
Documentation writers 'ın resmi

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.


Randy Thornton yanıt olarak

Re: font size change in theme More

yazan Chamila D -

Thank you very much Rendy. It Works. gülüyor

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


Chamila D yanıt olarak

Re: font size change in theme More

yazan Randy Thornton -
Documentation writers 'ın resmi

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; }


Randy Thornton yanıt olarak

Re: font size change in theme More

yazan Chamila D -

Thank you very much Rendy. gülüyor

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.


Chamila D yanıt olarak

Re: font size change in theme More

yazan Randy Thornton -
Documentation writers 'ın resmi

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.