Changing the colour of the trolley, date, continue to lesson button and tutor

  • Resolved andytodd88

    (@andytodd88)


    4 years, 9 months ago

    Hi there,

    Can you please tell me how to change the colour of the Continue to Lesson, trolley, date and tutor initials, please? They’re currently green but I’d like them all to be this colour: #f9cc3f

    Also, can you change the label of the ‘Continue to Lesson’ button to ‘Continue to course’?

    Thanks a million for all your help!

    Andy

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello @andytodd88

    You can change the background color of continue to lesson button by using some custom CSS code into Appearance->Customizer->Additional Css.

    .tutor-button.tutor-success{
background: #f9cc3f !important;
}

.tutor-button.tutor-success:hover{
background: #f9cc3f !important;
}
    Thread Starter andytodd88

    (@andytodd88)

    Hi @probillals – thanks very much. Exactly what I was looking for.

    Can I also ask if you can provide me with code for the cart icon and the date of enrollment, please? tired to grab the code myself but having no luck ??

    Thank you

    Hello @andytodd88

    Here is your required code for changing the Date of enrollment color and Cart icon. Simply paste this code into Appearance->Customizer->Additional CSS. I hope this will help.

    .tutor-course-enrolled-wrap p span {
    color: #f9cc3f !important;
}

a.button.wc-forward:hover {
    background: #f9cc3f !important;
    border-color: #f9cc3f !important;
}

a.button.checkout.wc-forward {
    background: #f9cc3f !important;
    border-color: #f9cc3f !important;
}

    Hi there, I was following this post to change the Continue to lesson button colour, date and cart icon, but unfortunately the cart icon is still green for me. Would you be able to help please?

    This was my coding I entered.

    .tutor-course-enrolled-wrap p span {
    color: #fdc400 !important;
    }

    a.button.wc-forward:hover {
    background: #fdc400 !important;
    border-color: #fdc400 !important;
    }

    a.button.checkout.wc-forward {
    background: #fdc400 !important;
    border-color: #fdc400 !important;
    }

    Thank you

    Where it says What Will I Learn, About Course and Course Status, can you change these to What will I learn, About the course and Course status?

    Can you also make the ticks under What will I learn in a grey circle with a white tick?

    • This reply was modified 4 years, 8 months ago by drive13.

    Hello @drive13,

    We do not have the available resources to help you with customizations. I would suggest you to hire a developer from a marketplace.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing the colour of the trolley, date, continue to lesson button and tutor’ is closed to new replies.