Okay
  Public Ticket #3118177
app/achievement page
Closed

Comments

  •  12
    MeesterGijs started the conversation

    Hello,

    Last question on this warm Sunday in The Netherlands... How can I get this fixed? The achievement page looks really messy now. See this image for possible solutions. You probably know how to get this fixed.

    Thanks! :)

    PS: Almost there. Still waiting for WPLMS update and then I will check the responsiveness of the app environment. Haven't checked wplms on my laptop/tablet and phone yet. Very nervous... Haha

    Gijs

  • [deleted] replied

    Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css : 


    .my_achievements_wrapper .fullcoursereport .student_vitals .course_vitals li strong{
        color:var(--body);
    }
    .my_achievements_wrapper .fullcoursereport .student_vitals .course_vitals li label,.my_achievements_wrapper .fullcoursereport .student_course_timeline{
        display:none;
    }

    .student_course_timeline {}

    .fullcoursereport.portal  .course_activity.portal_body .activity_list {
        margin-left: 1rem;
    }


  •  12
    MeesterGijs replied

    Yes! All of it worked. Thank you. Looks much better now.

    Sorry, I always have one more. Now that I look at this. I would like to keep the final score. Just the number, not the percentage symbol. What code do I need to adjust to get this.

  • [deleted] replied

    Im sorry that is not possible .

  •  12
    MeesterGijs replied

    And can we align this?

    I now have this visual. Using underneath code. Can I still delete the retakes string right from the course button, without deleting the final score above the button?

    Gijs

  •  12
    MeesterGijs replied

    Thank you, Alex. Looks great.

    And which bit of code needs to be deleted to get the final course score back?

    /* APP achievement page - specifieke cursuspagina */
    .my_achievements_wrapper .fullcoursereport .student_vitals .course_vitals li strong{color:var(--body);
    }
    .my_achievements_wrapper .fullcoursereport .student_vitals .course_vitals li label,.my_achievements_wrapper .fullcoursereport .student_course_timeline{display:none;
    }
    .student_course_timeline {}
    .fullcoursereport.portal  .course_activity.portal_body .activity_list {   margin-left: 1rem;
    }
    .my_achievements_wrapper .fullcoursereport .student_vitals .course_vitals span.grade{display:none;
    }
    .my_achievements_wrapper .fullcoursereport .student_vitals .course_vitals li strong a {margin-left:0.9rem;
    }

  • [deleted] replied

    which final course?

  •  12
    MeesterGijs replied

    This one here: The number of the final course result in this purple box: https://imgur.com/a/cWNBUmh


  • [deleted] replied

    Already showing fine : 

    https://prnt.sc/p_WTYoPYuPXD

  •  12
    MeesterGijs replied

    Exactly, like this and then leave the final score there as well. So that it looks like this.

  • [deleted] replied

    Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css : 


    .my_achievements_wrapper .fullcoursereport .student_vitals .course_vitals span.grade{
        display:block;
        color:var(--text);
        margin-left:0.5rem;
        font-size:2rem;
    }

    .my_achievements_wrapper .fullcoursereport .student_vitals .course_vitals span.grade span:nth-child(2){
        display:none;
    }


  •  12
    MeesterGijs replied

    Thank you Alex. I now have this. We can close. I can't get rid of the percentage symbol, right?


  • [deleted] replied

    sorry that cannot be removed

  •  12
    MeesterGijs replied

    it's ok. Let's close!

    Gijs