How to remove overlay/blur effect from the image on the General section while using Edwiser Course formats - List layout

We have used linear-gradient CSS property to add the overlay. To remove it make the following changes to the course format plugin.

ReadMe

  1. /path-to-moodle-root/course/format/remuiformat/templates/list_general_section.mustache : Line no.59

    Old code - 
<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}}});"><br>

       New code -

<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 - 

<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}}});"><br>

       New code -

<div class="px-15 py-10 px-3 p-x-1 py-2 p-y-1 course-cover-image" style="background-image: url({{{remuicourseimage}}};"><br>

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