Change the Color of the Respond Button on an RSVP Event

This help doc explains how to change the color of the respond button on your event landing page using a custom template.

Creating a template

  1. Scroll down to the first sharing method, Event landing page. Create a custom event landing page template by clicking Custom Templates in the app and clicking + New Template. Add a name for the template.

Customizing the Respond button

  1. You can copy the code below to paste it into your custom template. See the screenshot below for where to paste the code:
 <style>
    .button-register-t1 input {
      background: #000 !important;
    }
</style>
  1. Either use a HEX code that matches your branding or check out HTML Color Codes to select a color and copy the HEX code.
  1. Next, go back to your custom template and paste the hex code you chose, replacing the "#000".
  1. Scroll down to the end of your custom template and click Create.
  2. Head back to the event page and set your new custom template to your event by selecting it from the dropdown menu (where the newest templates are always at the top).
  1. Finally, click the Event page link to view your customized event landing page!