Okay
  Public Ticket #3130533
finish course button
Closed

Comments

  •  12
    MeesterGijs started the conversation

    Hello,

    What's the string of code that impacts the styling of this button? It's the button that pops up when final unit/quiz is completed.

    I thought I could use these, but that didn't work: a.start_quiz.button.full.is-primary and a.start_quiz.button.full.is-primary:hover

    And what is the string of code to change styling of this button: it's the button to get to next quiz/unit

    Thanks!

    Gijs

  • [deleted] replied

    Well that is not translatable : https://imgur.com/a/VgedypL


    What exact style you wanna add to that button

  •  12
    MeesterGijs replied

    For this finish course button: radius: 10, color: ffd700, font-color 3f3f3f (samen on hover)

    For this button: color: 88deb4, border-color: 88deb4, 2px, radius 5, font-color fff, on hover: color: fff, font-color 88deb4, border-color 88deb4, radius 5, px2. Also, can we add code so that I don't only see the name of next unit/quiz in button but in front of it, it says: NEXT. And I'm not talking about the top buttons PREVIOUS/NEXT but at the bottom button underneath each unit, the botton that you click to complete unit/quiz.

    Gijs

  • [deleted] replied

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

    .next_curriculum_item {

         background: #88deb4!important;border-color: #88deb4;2px;radius 5px;color:#fff;border:2px solid #88deb4 !important;
        transition:0.3s all;
    }
    .next_curriculum_item:hover{
        background: #fff!important;border-color: #88deb4;color:#88deb4!important;

    .course_status .finish_course a{
        border-radius: 10px!important; background: #ffd700 !important;
    }

  •  12
    MeesterGijs replied

    Thanks! Last one worked instantly. First three, I had to add: .course_status .course_content .course_content_content_wrapper .next_curriculum_item

    We can close :)