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.

  1. /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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us