How to remove overlay/blur effect from the image on the General section while using Edwiser Course formats - List layout
We have used the linear-gradient CSS property to add the overlay. To remove it make the following changes to the course format plugin.
- /path-to-moodle-root/course/format/remuiformat/templates/list_general_section.mustache : Line no.60
Old code (Remove) -
<div class="px-15 py-10 px-3 py-2 p-x-1 p-y-1 course-cover-image" style="background-image: linear-gradient(to right, rgba(14, 35, 53, 0.68), rgba(14, 35, 53, 0.68)), url({{{remuicourseimage}}});">
New code (Add) -
<div class="px-15 py-10 px-3 py-2 p-x-1 p-y-1 course-cover-image" style="background-image: url({{{remuicourseimage}}});">
2. 2. /path-to-moodle-root/course/format/remuiformat/templates/list_general_section_edit.mustache : Line no. 54
Old code (Remove) -
<div class="px-15 py-10 px-3 p-x-1 py-2 p-y-1 course-cover-image" style="background-image: linear-gradient(to right, rgba(14, 35, 53, 0.68), rgba(14, 35, 53, 0.68)), url({{{remuicourseimage}}});">
New code (Add) -
<div class="px-15 py-10 px-3 p-x-1 py-2 p-y-1 course-cover-image" style="background-image: url({{{remuicourseimage}}});">
Once this is done, do purge the cache on your Moodle site.