Course page

Last updated on by

Home › Forums › Legacy Support › Support queries › Styling issues › Course page

Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 12, 2021 at 11:17 am #339749
    studiomedicopavesi_0412
    Spectator
    Hi, in my course page I want to add hover effect on button, but the result is this one. How it's possible to adjust it? http://somup.com/crnlX1D21S Is it possible to change custom nav tabs? I wanted to insert course duration, course online, classroom course, etc. I tried to download Course custon nav Plugin, but did not find it in LMS, accessing as an instructor. Thank you
    February 12, 2021 at 12:46 pm #339772
    Ada
    Participant
    Hi, You can do it by editing your course layout using elementor and change background color on hover like this https://prntscr.com/z7ujby Or I can give you custom css code for this. Where do you want to change custom nav tabs?
    February 12, 2021 at 6:06 pm #339837
    studiomedicopavesi_0412
    Spectator
    Hi, as you can see in my video this is what I did. Colour changes on hover, but button changes its size, became bigger.
    February 13, 2021 at 6:20 am #339890
    Ada
    Participant
    Hi, Please use this code to remove the enlarged button color . Add it in appearance>> customize>> custom css 
    
.single-course div.course_button_wrapper {
    background-color:#313C59 !important;
 
}
    February 13, 2021 at 8:58 am #339935
    studiomedicopavesi_0412
    Spectator
    Hi, thank you for the code. It's not hover effect (changin color on hover). Is it possible to change custom nav tabs? I wanted to insert course duration, course online, classroom course, etc. I tried to download Course custon nav Plugin, but did not find it in LMS, accessing as an instructor.
    February 13, 2021 at 12:50 pm #339990
    Ada
    Participant
    Hi, Yes previous code was for the enlarged button. To add hover effect add this code also- 
    
.single-course .the_course_button a.course_button.button.full:hover {
    background-color:#6a871d !important;
}
    You can add these field in course layout by editing it and adding course information welement from elementor. You can get custom nav plugin from here https://wplms.io/support/knowledge-base/wplms-course-custom-nav-plugin/ Access it as administrator
    February 15, 2021 at 4:29 pm #340346
    studiomedicopavesi_0412
    Spectator
    Hi, thank you, I installed the plugin. I searched in the forum how to add elements, but I did not understand how to manage the plugin. Please indicate to me the steps and I will follow. Thank you http://prnt.sc/zmfnfh
    February 16, 2021 at 6:46 am #340450
    Ada
    Participant
    Hi, If you want to add elements here https://prnt.sc/zmfnfh then you can do so by editing it with elementor and adding course information in it. like this https://drive.google.com/file/d/1bOtNNF3JofF1oMOCjJW2ERtHYEra1vM1/view
    February 16, 2021 at 3:10 pm #340607
    studiomedicopavesi_0412
    Spectator
    Hi Ada, but I have to choose among the options already inserted (Students enrolled, Total video time, Posted by...). For example, how to insert "online course"?
    February 17, 2021 at 1:28 pm #340807
    Ada
    Participant
    It can not be inserted exact here http://prnt.sc/zmfnfh it need to be fetched using custom code .
    February 18, 2021 at 4:42 pm #341071
    studiomedicopavesi_0412
    Spectator
    Ok, thank you for your explanation.
    February 18, 2021 at 10:41 pm #341109
    nadzhatulothman
    Participant
    hello. we have missing builder for editor and get different dashboard. Please help https://prnt.sc/10087a3
    February 19, 2021 at 6:18 am #341154
    Ada
    Participant
    For dashboard you need to set blank profile layout from appearance>> customize>> layouts https://prntscr.com/100hvmu Please explain what is missing ,share any screenshot sothat I can understand better.
  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Course page’ is closed to new replies.