How can i remove the overlay (linear gradient) effect on course header image

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. Navigate to the following file on your Moodle installation: {moodle}/course/format/remuifromat/templates/optional_secheader.mustache

   
   

2. In this file go to line number 3 and you will find the following line of code

   style="background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 110%), url('{{headercourseimage}}');background-position: {{remuiheaderimagebgposition}}; background-size:{{remuiheaderimagebgsize}};background-repeat: no-repeat;">

   
   

3. Replace the code with the following:

   style="background: url('{{headercourseimage}}');background-position: {{remuiheaderimagebgposition}}; background-size:{{remuiheaderimagebgsize}};background-repeat: no-repeat;">

   
   

4. Navigate to the following file on your Moodle installation:

   {moodle}/theme/remui/templates/edw_course_header1.mustache

   
   

5. In this file go to line number 43 and you wil find the following line of code:

   style="background: linear-gradient(180deg, rgba(255, 255, 255, 0) -24.52%, #000000 97.67%), url({{courseimage}});">

   
   

6. Replace the code with the following:

   style="background: url({{courseimage}});">

   
   
7. Save the changes and purge caches on your Moodle site from Site Admin > Purge Caches > Purge All Caches.