Change Course titel in Unit page to feature image

[MeesterGijs]

When in a course, any specific Unit page has the course navigation on its right. On top of it is the title of the course. Is it possible to change this text to the feature image of the course? Kind of like when you click the Unit on the course page through the curriculum overview. Thanks in advance.

[Mark Morgan]

For this you have to hide the Title of the Course first and then add the image at top of the unit description in unit content. To hide the title add this custom CSS. Go to WP-Admin -> Appearance -> Customize -> Custom CSS CSS: .course_action_points h1 { display:none; }

[MeesterGijs]

I was able to delete the Course Title, but I can't seem to add the feature image to that same specific location (nothing actually). You say I have to add the media at the top of the unit description in Unit content. Does that mean I have to add it to every Unit, when it is for the complete course? And where exactly? I've tried the post, edit course. Nothing works..

[Diana]

@MeesterGijs, If you will add the featured image for the unit from wp-admin > all units > you unit > edit > set featured image. Then it will be displayed on the unit when you directly open them from course curriculum. But these images will not be visible when you access it from the course. To make images visible in unit when you access it through the course, add media in the unit from the backend. Simply edit the unit and click on add media > insert into page > update

[MeesterGijs]

Dear Diana, I still haven't found a solution to this. What you've suggested didn't work. This is what I want: https://imgur.com/a/eucWP (so not title (red), but the image (purple). Could you help?

[MeesterGijs]

This reply has been marked as private.

[MeesterGijs]

Your suggestion: "To make images visible in unit when you access it through the course, add media in the unit from the backend. Simply edit the unit and click on add media > insert into page > update" Only adds it as attachment or doesn't show anything at all. Could you please help?

[Anshuman Sahu]

Please try adding this given code in your wplms-customizer.php file in wplms customizer plugin : add_action('course_action_points',function($course_id,$unit_id){   $image_url = get_the_post_thumbnail_url($course_id);   echo '<div class="course-status-featured"><img src="'.$image_url.'"></div><style>.course_action_points h1{display:none;} .course-status-featured {margin:15px 0;}</style>';   },10,2);

[MeesterGijs]

AMazing! That actually worked. It looks great as well. https://imgur.com/a/jUKoa Thanks! You can close this topic

[Author]

Posts