Setting Custom CSS classes for Cocoon Edumy blocks

You may wish to modify the style or CSS of the custom Cocoon blocks in Edumy Premium Moodle LMS theme.

When editing a block (either via the block configuration page or via Live Customizer), you will see a section called [Cocoon] Advanced settings. 

Here you will be able to optionally specify custom margins for the block, and also a custom CSS class.

The "Custom CSS class" field is to create your own CSS class. It’s helpful if you want to modify the CSS for a particular block. So here you can enter something like: my-awesome-class

And then go to Site administration > Appearance > Edumy > Advanced > Custom CSS, and use the new selector like this:

.my-awesome-class h1 { color: red; }

h1 would be the element that you’re targeting inside that block.

For example, in a slider block you could use something like:

.my-awesome-class .banner-title { color: red; }