How to Create a Custom HTML CTA in Teachable | Step-by-Step Tutorial

The HTML code (including CSS) for the Teachable Call-To-Action Section

Our YouTube video can be found here on how to create a simple Call-To-Action block, but to do it properly, we must change the default Teachable button to one we create ourselves using HTML.

Here is the small snippet of HTML code needed.

＜style＞
.group-button { padding: 10px 0 60px; 0; display: flex; align-items: center; justify-content: center; background: #6161FF; }
.group-button .custom-btn { display: inline-block; background: #F64F59; color: white; padding: 15px 40px; width: 250px; text-align: center; font-size: 16px; font-weight: 700; border-radius: 50px; }
＜/style＞
＜div class="group-button"＞
  ＜a class="custom-btn" href="#pricing-options"＞
    Sign Up
  ＜/a＞
＜/div＞