Themes: Cloudyday

Maintained by Picture of Jason CleaverJason Cleaver
Cloudy Day is a fixed width 2 column theme with tabbed navigation. Cloudy Day is designed to make content look clean and crisp making use of the new Moodle icons as well. It also adds top level navigation across the top with a 'My Courses' menu added as well. Course content can appear to be a 'Tabs' and when using 'One section per page' offer an extended set of navigation tabs.
34 sites
2 fans
Current versions available: 1


Screenshot #0
Screenshot #1
Screenshot #2


Picture of Jason Cleaver
Jason Cleaver (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of Lyn Sayles
    Thu, Jun 20, 2013, 5:14 PM
    When I use it on IE it comes out as white chrs on white background, but in Firefox it comes out as black dots on white background. I am using XP at work, with Windows 8.
  • Picture of Jorge G.
    Sat, Jul 27, 2013, 7:33 PM
    Hi Jason. I would like to fix the template width but dunno how. I think is modifying "container_wrapper" but nothing happens. Thx
  • Picture of Jason Cleaver
    Sun, Jul 28, 2013, 5:58 AM
    Jorge - You're right, it is the CSS width value of 'container_Wrapper' that you change if you want to change the width of the page. Don't forget to clear your themes cache (Site Administration -> Appearance -> Themes -> Theme Selector) after you make the change so Moodle will include your changed value.
  • Picture of Jorge G.
    Sun, Jul 28, 2013, 6:56 AM
    Jason, you are right. Now it´s working. Thanks a lot for the template, it´s great
  • Picture of Neil Lindholm
    Mon, Aug 12, 2013, 1:40 PM
    I am liking this theme but want to make a simple change in the css. Where do I change the default size for the page logo? The default size now is 272x72 but I want to make it a bit bigger. Thank you.
  • Picture of Jason Cleaver
    Mon, Aug 12, 2013, 1:47 PM
    Neil - You can make the logo bigger without changing the CSS, The size of the logo is determined by the size of the image file, not CSS. The favicon is located in the themes/cloudyday/pix folder. You will have to clear your browser cache to see any changes after you replace the image.
  • Picture of Neil Lindholm
    Mon, Aug 12, 2013, 1:50 PM
    I found the favocon location after I posted my original second post, which is why I deleted it, but thanks. I will experiment with the logo now. Thank you for the assistance.
  • Picture of Neil Lindholm
    Tue, Sep 3, 2013, 8:55 PM
    We have started using this theme at the school and so far, everyone likes it. I have had some requests though to darken the colour of the activities/resources. Right now, they are a light grey and keep the same colour even when they are hidden from the students, making it hard for teachers to see what activity is active or not. I would like to darken the active activities, to a dark grey. Where is this located in the style sheet? Thank you.
  • Picture of Neil Lindholm
    Tue, Sep 3, 2013, 9:02 PM
    Just noticed another one. Hyperlinks on pages don't have a different colour than the surrounding text, even though the links work when you hover over them. Makes it almost impossible to hyperlink in a paragraph.
  • My face
    Tue, Sep 24, 2013, 8:22 PM
    We are enjoying this theme on our school site so thank you for your work. I have several quiz question types that are misbehaving now that we've installed cloudyday. Specifically, if I use a table to arrange gapfill or missing word questions, the entry boxes (or dropdown menus) start on a new line. In the standard theme they would not. Do you have any advice for a fix? I tried correcting some of my old html for html5 conflicts with no results.
  • My face
    Tue, Sep 24, 2013, 8:24 PM
    ...the same goes for embedded (cloze) as well
  • Picture of Yoann D'HIVER
    Tue, Jan 7, 2014, 2:14 AM
    Hi Jason ! I'm currently using this great theme but I have a slight problem. On the main page, the navigation/option panel is on the right side but I would like to have it on the left (like on all the other pages). How can I do it ? Thank you by advance and happy new year !
  • Picture of Hugo Callens
    Wed, Jan 22, 2014, 1:39 AM
    I have some trouble with the cloudyday theme with Moodle 2.5: debugging says "Function print_section() is deprecated. Please use course renderer function course_section_cm_list() instead.
    line 111 of /theme/cloudyday/renderers.php: call to print_section()
    line 138 of /theme/cloudyday/renderers.php: call to theme_cloudyday_format_topics_renderer->print_single_section_page()
    line 56 of /course/format/topics/format.php: call to theme_cloudyday_format_topics_renderer->print_multiple_section_page()"

    Any idea how to fix this?
  • Picture of Balázs Petróczi
    Sat, Feb 22, 2014, 8:48 PM
    On our multi- language site the language selection box doesn't appear in Cloudyday anywhere. (In other themes it does!)
  • Picture of kepeys kepeys
    Thu, Sep 24, 2015, 6:50 PM
    hello i am new here to moodle i want a full guide how to install a new theme .please
1 2
Please login to post comments