If you want to change the formatting of the buttons that appear as Previous , Next and Back buttons on Learndash Course , Lessons , you can paste the following CSS code and then change the values .
CSS Code for LearnDash Button Formatting
.learndash #learndash_next_prev_link a.next-link, .learndash #learndash_next_prev_link a.prev-link { display: inline-block; background-color: #f4511e; Color: #fff; border: none; border-radius: 4px; width: 200px; height: 50px; margin: 5px; text-align: center; font-size: 20px; text-decoration: none; padding-top: 8px; } .learndash #learndash_next_prev_link a.next-link:hover, .learndash #learndash_next_prev_link a.prev-link:hover, .learndash #learndash_next_prev_link a.next-link:active, .learndash #learndash_next_prev_link a.prev-link:active, .learndash #learndash_next_prev_link a.next-link:focus, .learndash #learndash_next_prev_link a.prev-link:focus{ display: inline-block; background-color: #4768f4; color:#fff; border: none; border-radius: 4px; width: 200px; height: 50px; margin: 5px; text-align: center; font-size: 20px; transition: all 0.8s; } .learndash #learndash_back_to_lesson a{ display: inline-block; background-color: #e99500; Color: #fff; border: none; border-radius: 4px; width: 200px; height: 50px; margin: 5px; text-align: center; font-size: 20px; text-decoration: none; padding-top: 8px; } .learndash #learndash_back_to_lesson a:hover, .learndash #learndash_back_to_lesson a:active, .learndash #learndash_back_to_lesson a:focus{ display: inline-block; background-color: #4768f4; color:#fff; border: none; border-radius: 4px; width: 200px; height: 50px; margin: 5px; text-align: center; font-size: 20px; transition: all 0.8s; }
Demo Video