Course Carousel issue

[spyboys]

Hello Vibe Team, I try  to carouse the course on home page the course video play button alignment act like strange https://prnt.sc/stalsd like play button gonna appear in left of the top corner would you find in that screenshot please help me that's big trouble for me.

[spyboys]

This reply has been marked as private.

[Diana]

@spyberrys The fontawesome icon which should appear there is not appearing due to some third-party plugin may be So try using fontawesome plugin and activate so the icon should start showing: https://wordpress.org/plugins/font-awesome/

[spyboys]

I install font awesome plugin https://prnt.sc/stn5up but it won't work we face the same problem https://prnt.sc/stn714 if you did not understand my query well please refer the screenshot like that course video play button appear in the left of the top corner I wanna place that play button in the middle of the course image. I hope you understand what I mean.

[Diana]

I am sorry, yes, I didn't understood your query. I thought you are asking that fontawesome icon is not visible so I told you to install the plugin Actually, you can't add the button like this on the blocks If you want a style like showing the video button in between then you should upload the course video and the button will automatically show https://wplms.io/support/knowledge-base/course-video/ The video button will automatically show in carousel once you set the video for course

[spyboys]

Hello, Thats not a solution for this actually my problem is https://prnt.sc/t1qcn0 video popup play icon_wrapper alignment appear in the left of the top corner {https://prnt.sc/t1qcn0} I wanna place that play button in the middle of the course image. Please solve this problem.

[Diana]

Yes Sir, I replied according to your issue That is not possible with any custom CSS, the button of the corner in the middle because it will mess up the structure of the course card blocks. That's why I suggested uploading a course video so a video play button icon will be visible in the middle because it is written in the code to show the icon if the video is added in the course I hope I am clear this time:)

[spyboys]

please solve this problem i have no idea even i follow that steps

[Diana]

This CSS fixed the issue. Added the CSS on your site .home-page .flex-viewport .block_media a.course_video_popup { position: unset !important; }

[spyboys]

Thank you so much

[Diana]

This reply has been marked as private.

[Author]

Posts