Atto: More font colours

Maintained by Picture of Nicolas Dunand Nicolas Dunand
This plugin is intended as a replacement of the core atto_fontcolor plugin, allowing the Moodle admin to define a set of colours to be available.
3017 sites
54 fans

This is intended to be a replacement for the core fontcolor Atto plugin, allowing the Moodle administrator to freely define a set of colors that can be used by users. If allowed by the administrator, users can also use a color picker to chose any possible color.


Screenshot #0


Picture of Nicolas Dunand
Nicolas Dunand (Lead maintainer)
Picture of RISET Université de Lausanne
RISET Université de Lausanne: Supporting institution
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Gareth J Barnard
    Mon, 19 Sep 2016, 8:22 PM
    Please read: and add:

    .editor_atto_menu .open ul.dropdown-menu {

    min-width: 4em;



    to the plugin style sheet.
  • Picture of Nicolas Dunand
    Tue, 20 Sep 2016, 4:36 PM
    Hi RabNawaz,

    Yes, you have to replace 'fontcolor' with 'morefontcolors' in the Atto main configuration settings of your Moodle site for this plugin to be used instead of the core plugin.
  • Picture of Nicolas Dunand
    Tue, 20 Sep 2016, 4:48 PM
    Hi Gareth,

    I'm reluctant to add non plugin specific CSS rules, what about the following instead?

    .editor_atto_menu .open.atto_morefontcolors_button ul.dropdown-menu {
    min-width: 4em;
  • Picture of Derryn Jones
    Thu, 23 Feb 2017, 12:17 PM
    FYI I'm running Adaptable with Moodle 3.2 and I had the same issue where it doesn't display the colors in the dropdown properly.
    The code:
    .editor_atto_menu .open ul.dropdown-menu {

    min-width: 4em;

    } does nothing - and I can also see that my version of adaptable already includes that fix.
    My fix is:

    .editor_atto_menu .open ul.dropdown-menu {
    Just thought I'd let people know in case you run into the same issue.
  • Picture of michell mejia
    Tue, 6 Jun 2017, 10:13 PM
    I HAVE MOODLE 3.3 and i installed this plugin and i cant see and now i upload a new video and i dont run too...
  • Picture of Henrik sune Pedersen
    Wed, 11 Oct 2017, 6:51 PM
    Is it possible to make a clear font color "button" in the drop down, that removed the span and style tags in the code.
  • Ricardo Botti.
    Tue, 9 Jan 2018, 6:12 AM
    This must be a trivial question. I have the plugin, it shows up in the DashboardSite /administration/Plugins/Text editors/Atto HTML editor.
    But when I see the editor itself. The toolbar does not contain any button to change font color?
  • Picture of Nicolas Dunand
    Tue, 9 Jan 2018, 2:28 PM
    Hi Ricardo,
    Indeed you have to add the button from the Atto toolbar settings page in your Moodle administration.
  • Picture of Leslie Harris
    Wed, 7 Feb 2018, 4:59 AM
    Derryn Jones' solution worked for me. I too am using Adaptable (version 1.5.3) and Moodle 3.2. Rather than changing the adaptable.css file, I just added his code as custom CSS. My "Morefontcolors" color picker is now showing color squares, rather than vertical lines. Thank you, Derryn, for posting the solution!!
  • Picture of Thomas Korner
    Thu, 5 Apr 2018, 7:43 PM
    Dear Nicolas
    Great plugin, our lecturers are happy to have it available. I would like to support Henrik's question: Is there a possibility to have a "remove color" button. (same for background color plugin)?
    All the best Thomas
  • Picture of Nicolas Dunand
    Thu, 5 Apr 2018, 8:12 PM
    Dear Thomas,

    Thanks for the suggestion. I use the "clear format" button in Atto to do this, but this effectively clears all formatting, not only colour.

    If you would like to contribute the code to clear the background-color CSS property specifically, I'd be happy to merge.
  • Picture of Thomas Korner
    Mon, 9 Apr 2018, 8:47 PM
    Dear Nicolas,
    Thank you for the fast answer. We will have a look to bring it to our internal roadmap. But at the moment, there is no resource available.
  • Picture of Barbara Taylor
    Fri, 27 Jul 2018, 1:26 PM
    Derryn Jones' solution does not work for us. We are using Adaptable theme 2018051700 with the latest version of morefontcolors. When we click on the button, nothing happens. What else can we try? The dropdown for paragraph settings doesn't work either.
  • Picture of Nicolas Dunand
    Mon, 30 Jul 2018, 3:17 PM
    Barbara, could you check the browser's console for any errors?
  • Picture of Urpo Karhula
    Wed, 16 Jan 2019, 8:42 PM

    When you are picking custom color there is a text "my label" over the colorwheel, what does this mean? What label?
1 2 3
Please login to post comments