When trying to create custom CSS for my unique block content in Moodle, I encountered an issue where the platform would override my styles with those from the theme. Here is an example of the CSS code I used:
.block div.content {
font-size: 12px;
font-weight: 200;
padding: 10px 15px 15px;
}
I attempted to add the following code to my blocks/status/styles.css file:
.block_status .footer { margin-top: 5px; }
.block_status .content { border:1px dotted green; overflow:hidden; padding:0px; }
.block_status div.cname { border:1px solid blue;padding:10px; }
Unfortunately, my custom CSS did not work as expected. Is there a way to create new, effective custom CSS for my block content? Any assistance would be greatly appreciated.