Theme "Adaptable": Adjusting font size and color and background colors

Theme "Adaptable": Adjusting font size and color and background colors

by Peter K. Speiser -
Number of replies: 6

Hi there,

I am using the great theme "Adaptable" in Moodle and I would like to know how and where can I change

  • the font size
  • the font color and
  • the background color

of the course categories and the courses inside a course category within Moodle / the Adaptable theme.

Please find attached a screenshot explaining / showing about what areas I am talking about.

Thanking you in advance for the provided advice.

Kind regards,

Peter

Attachment Moodle - font color and background color.jpg
Average of ratings: -
In reply to Peter K. Speiser

Re: Theme "Adaptable": Adjusting font size and color and background colors

by Howard Miller -
Picture of Core developers Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

Moving to Themes forum...

In reply to Peter K. Speiser

Re: Theme "Adaptable": Adjusting font size and color and background colors

by Fernando Acedo -
Picture of Plugin developers Picture of Testers

To get support you must provide: Moodle and Adaptable version, and what course format are you using.

In reply to Peter K. Speiser

Re: Theme "Adaptable": Adjusting font size and color and background colors

by Dave Foord -
Picture of Particularly helpful Moodlers

Peter did anyone answer your question? - as I am interested in the exact same thing.

If someone can tell me what class the course link button is (e.g. in the image above the 'General Data Regulation Training') then I can probably fiddle around with the css to get what I want, but I cannot work out which class to edit.

I am on Moodle Moodle 3.5.3+ (Build: 20181116)

Adaptable version = 1.7.1 (2018073000)

In reply to Dave Foord

Re: Theme "Adaptable": Adjusting font size and color and background colors

by Fernando Acedo -
Picture of Plugin developers Picture of Testers

You are requesting support for a course format, not a theme. Therefore we need to know which one are you using in your site or will be impossible to help you.

Adaptable provide settings for a few famous course formats, not for all. So in many cases you will need to hack yourself the CSS code.

In reply to Fernando Acedo

Re: Theme "Adaptable": Adjusting font size and color and background colors

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

That's the '/course/index.php' page Fernando, so not a course format but indeed a theme thing.

In reply to Gareth J Barnard

Re: Theme "Adaptable": Adjusting font size and color and background colors

by Fernando Acedo -
Picture of Plugin developers Picture of Testers

Thanks Gareth. We couldn't reproduce the exact page because our test site has a totally different configuration.

This style is hard coded in Adaptable and the only way to change the font format is overwriting Adaptable styles.

The code below is the existing style. Just add or change whatever you want.

 

.coursebox > .info > .coursename a {
  font-weight: normal;
  font-size: 80%;
}

 

BTW, not sure why it is hard coded to 80%. Probably it is inherited from BCU