Arjuna

Try this code to Website Tools > Custom CSS
/* Course - mobile - video */ @media screen and (max-width:767px) { .course-item__lesson-content .course-item__video-container { height: 250px !important; min-height: unset !important; } }  

Hi @Ziggy, thanks for your reply.
This code doesn't quite achieve what I'm trying to do.
Please see the attached image for where I would like the dropdown menu to be.
Thanks!

Hi everyone, I figured it out.
Here is the solution to remove the dark blur overlay and lock symbol on lesson thumbnails when there is a paywall active.
Insert into Custom CSS:
.course-list__grid .course-list__grid-course-item-thumbnail-container .course-list__grid-course-item-thumbnail[data-private-mode="true"] .course-list__grid-course-item-lock-icon-overlay { display: none !important; } .course-list__grid .course-list__grid-course-item-thumbnail-container .course-list__grid-course-item-thumbnail[data-private-mode="true"]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: inherit; background-image: inherit; background-size: inherit; filter: blur(0px) brightness(1) !important; transform: scale(1.03); }  

Subscription products can automatically renew as often as once every week, and as infrequently as once every twelve months. For an annual payment, select 12 months. 🙂
Did this help? Please give feedback by clicking an icon below  ⬇️