Hide or rename complete and continue button on lesson page.

Hello, I am very new to this. Looking to change the "complete and continue" button that is displayed on the lesson page. I would like to rename it "Next Practice". If anyone can help I would really appreciate it. I do not have it published yet so I cannot show you the website. 

Also I am looking to get rid of the progress bar that shows up on the course navigation menu. If anyone has ideas for that I would appreciate the help as well. 

Thank you.

Hi @Jack22, I’ll try to help you out. Below are the custom CSS codes you need, just copy and paste:)

1. Navigate to Pages > Website Tools > Custom CSS.
2. Paste the code into the CSS editor.
3. Hit Save and you’re done

/* Hides the original text */
span.course-item__next-lesson-text.course-item__next-lesson-text--incomplete {
    font-size: 0 !important; /* Hides the default text */
}

/* Adds custom text with defined font size */
span.course-item__next-lesson-text.course-item__next-lesson-text--incomplete:before {
    content: "Next Practice" !important; /* Custom text */
    font-size: 18px !important; /* Adjusts the font size */
}

/* Hides the course progress bar container */
div.course-list__progress-bar-container {
    display: none !important; /* Ensures the progress bar is hidden */
}

Thank you @Spark-Plugin. I did try your custom CSS codes. The progress bar worked! The text in the button worked for a minute and now it is back to "Next Lesson". I so appreciate your time. I will work a bit more on the website and try to publish it. Perhaps that could help experts, like you, help me?