Themes

The issue with the Current Topic not being distinguished is related to this in custom.css  

Line 374

.course-content ul li.section.main {
border-bottom: 0px none;
background: url([[pix:theme|bg/dot]]) bottom repeat-x;
}

If you turn that off in firebug the current topic is highlighted in blue.  Unfortunately though you also loose the pretty dot lines that are separating the topics.

Very simple to fix in the end once I diagnosed the issue. It is a bootstrap problem sadly. In short it is a "filter" tag causing the issues.

Just had to add the following and it was all sorted:

.navbar-inner{
      filter: none;
}

Sadly moodle theme's currently only allow for Admins to set the theme settings and only at a site level. I would love to see theme options at a context level (site/category/course/user) but have been told by developers that this would put too high a strain on performance.

Maybe now is the time to get a tracker item started on this and see if there are enough votes to warrant proper investigation. Themes (like Essential) would gain huge possibilities of settings could be changed at these various levels.

The way I see it working is that the admin in "theme settings" could set that theme settings would be available at a category/course/user level similar to how we currently allow who can choose themes.

Julian

+1 from me on the colors.  I like that.  I'm not sure if I like the | line separators.  I might like it more with just spacing.

Edit: was just playing with this more and changed the groups setting.  I'm not a fan of the icon staying the same for different group settings.  I'm also not a fan of the way the separators look in the blocks.  There is nothing really to separate there...

A random thought from someone who doesn't program or understand what I'm talking about:  From what I've read, using font Awesome helps trim down the theme and makes it faster to load?  That and it makes this prettiness possible also.  Why aren't those monochrome icons in Moodle already a font that could be styled?  Then we could have standard images that everyone in Moodle uses, likes and understands that could still be styled as appropriate by the theme.

With that said, I'm not really sure if any of this makes sense to people who know more than I do. 

Many people are reporting this and sadly it has little to do with the theme. If you read back in the Essential posts that many on Moodle 2.5 are experiencing this. Upgrading to 2.5.1 seems to fix the issue.

regards

Julian

Hi Julian,

I am excited about the latest release of your theme. The highlight for the current topic topic and the new edit icons look great. I have no opinion whether dividers are necessary or not, but the delete icon should be red in any theme. I did not try out autohide.

With kind regards,

Hartmut

Just to keep you happy David I have fixed the icon and list alignment of the navigation block.

Don't say I don't listen :P

Julian

I can confirm this running version 

2013080600

Hi Marton,

Thanks for your feedback. Glad your liking the theme. In answer to your questions.

1. Working on it. Sadly no fix yet
2. Hopefully in next release
3. Was not aware of that bug. Will look into that ASAP
4. that is odd. Not sure how that would be related to the theme. As Skydrive is not Moodle core I won't be fixing it at this time. I can only focus on what is in Moodle core.

As for wish list. I'll keep this under advisement for next release. I really am afraid of getting to a point where we have too many options and Essential becomes unusable. That is not a no however...just will only add if there is enough of a groundswell that I think it will help a significant number of users.

Julian

Thanks for the feedback. I'm glad you like it.

Julian

I've submitted an Issue, hopefully, it is solvable.

CONTRIB-4534

Hi...

Please read this notification from Julian:

https://moodle.org/mod/forum/discuss.php?d=234147

Thanks

Mary

Hello,

Adding information about a new problem I have recently encountered with Essential theme 2.5.3 on Moodle 2.5.1+ that seemed to emerge out of nowhere! Basically, I have lost most editing functions with most standard Moodle quizzes.

The attached image shows it all. This is a portion of a page captured while editing a standard Moodle matching quiz question.

Item marked as 1. Notice how the text is displayed with such poor interline spacing. It is not due directly to the font selection. Instead, Point marked 2 has become UNMOVABLE. The editing box size cannot be adjusted. Period. The only way to edit this text is to select the expand to full screen mode, last icon on top row of tinyMCE.

Item marked 3. This drop down box to allow other selections has stopped functioning. No drop downs available.

Item marked 4. Same issue as 2. Can't expand box by dragging. Can only edit by going to full screen mode.

And Item 5. Drop down box does not function.

I have applied the "final proof" to verify that what I am seeing may be related to the theme: I applied the "Standard" theme and found that the issues just stated did not occur. I have also opened this as an issue in tracker. CONTRIB-4563

Regards,

Rod

Julian,

Some feedback.

1.

I second Herve's comment. I'd like the content to take up more space. I deleted the left-hand column of blocks, hoping that the content would magically stretch out, but alas, no.

2. Navig block in the footer looks ugly (see image below):

I'm sure that wasn't your intention.

3.

When I collapse the admin block in the regular right-hand menu, then drag it to the footer, there is then no way of expanding the block.

4.

How do I view current topic only? I don't see the icon to toggle that feature.

- David

Dear Richard,

To get back to another theme, edit the database and look at the 'config' table (possibly 'mdl_config'), then change the row with the attribute name of 'theme' to a value of 'clean'.

What exact version of Moodle are you using as per the version.php file.

Gareth

Dear Eric,

JavaScript is failing for any of many possible reasons.  If you are using 'Chrome' press F12 and look at the 'Console' tab after reloading the page.  It should state any errors that happen and therefore give an indication of what is failing.

Gareth

Latest questionnaire fixes this (2.5.5).  I fixed it prior to that by using:

.qn-content img {height: 2em;}

Hi,

Welcome to the Themes Forum.

To answer your questions:

1. Yes I can verify that the Essential theme is a Fixed Width theme see essential/style/custom.css
   .container-fluid {
       max-width: 1200px;
   }
2. Not sure about the 'current theme highlight button' this I will need to test in my updated version of Essential.
3. That's probably because the CSS may not be working. Again I will need to test what is actually styled as opposed to what isn't, and what is working and what is not.
4. Sounds like something is broke!

Hope this helps.

Your site looks nice. If you want tp change the width then either remove the max-width in 1. above, or add something like width: 90%; margin: 0 auto; like so,,,

.container-fluid {
    width: 90%;
    margin: 0 auto;
}

Your site then will be more or less responsive.

Hope this helps?

Mary

Just a quick FYI - grid does not have a highlight topic button. Switch to another course format (like topic) and you will see it reappear again.

Julian

Very easy to do in fact. Just go into the Essential theme settings. Here you can change the layout stye to the traditional three column layout rather than the one that Essential uses by default.

Julian

Thanks Hartmut, that's a nice gesture, but it is not as helpful as you think.

If you have never seen inside a theme's renderers.php  you may end up adding the copy text halfway through one of the renderers already present, or shove it to the top above the core_renderer code, or at the very bottom of the page and so that it is excluded from the original renderer, anyone of these places would be the wrong place. Also if you add it to say Afterburner, that already uses a custommenu renderer, you could render your theme useless.

To be helpful you need to upload the full renderers.php which you yourself are using, and point out within it where the added code needs to sit.

Cheers

Mary

You are talking about root/config I take it and not your theme's config.php?

I dare say that region-post needs to come into play to make this happen.

You could try something like...

$CFG->defaultregion->defaultblocks = ':quickset,activities,quickmail,navigation,settings';

where the defaultregion is set in your theme's config.php for course ...

$THEME->layouts = array(
    // Main course page
    'course' => array(
        'file' => 'general.php',
        'regions' => array('side-pre', 'side-post'),
        'defaultregion' => 'side-post',
        'options' => array('langmenu'=>true),
    ),

);

but I'm only guessing...

Mary

Hi Bob,

Did the config setting work OK for defaultregion?

Thanks for invitation to view your site, it is very nicely put together. Well done!

As for editor.css you can copy the one from Bootstrapbase and then update is using LESS making sure you change the recess code line to compile/compress to your theme's ../style/editor.css and then add the link to the editor.css in your theme's config like so...

$THEME->editor_sheets = array('editor');

That should fix it...I think.

Or alternatively create your own editor.css based on which particular text formatting styles from your theme that you want to use.

Cheers

Mary

Was asked how I achieved the color to the social networking icons so posting it here also.  In Essential's general settings added the following custom css:

.icon-google-plus-sign:before {color: #ff0000;}

.icon-twitter-sign:before {color: #1bb2e9;}

.icon-facebook-sign:before {color: #3b559f;}

.icon-youtube-sign:before {color: #dc1d29;}

From Site administration > Appearance > Themes > Essential > General Settings

Add something similar to the following to the Custom CSS box

.block .header. title h2, .block h3.main, .breadcrumb {

text-transform: none;

}

This will also keep block headings etc in mixed-case to match the breadcrumb, which I prefer for accessibility/readability. Adapt to your own particular needs.

Let me also take the opprtunity to thank Julian et al. for all their work in developing the Essential theme. Brilliant and much appreciated!

Cheers

Geoff

Because of how the JS is cached I cant make this any friendlier.

You were in the right place. But after you change the timing you need to "purge all caches" in Moodle administration.

Julian

My man Larry

Miss you guys in PG county...  I'm still killing em' with ("ID Ten Tee")

Anyway, this might help address your question

https://moodle.org/mod/forum/discuss.php?d=246231#p1118109

Nice seeing you on the forum!

Peace

There are 2 Ways to do this...

1. Edit essential/lang/en/theme_essential.php at line 317 https://github.com/lazydaisy/moodle-theme_essential/blob/master/lang/en/theme_essential.php#L317
2. Read this http://docs.moodle.org/27/en/Language_customization#Quick_instructions_for_the_impatient

The outcome is the same but 1 is quickest if you have access to the theme files.

2 is the only option if 1 is a no go area.

hope this helps?

Mary

Sergio,

There is an invalid email address in your Essential configuration.  Look under Site Administration ... Appearance ... Themes ... Essential ... Header.

You likely have "Enable help link in menu" set to "Email address",  and the next field, "Help link", is blank.  Put a valid email address in the "Help link" box, or set the "Enable help link in menu" to "None".

I know this because the same thing happened to me, and it took me a while to figure it out!  I finally had to dig through some CSS code to find out what was being referenced.

Floyd