1. Home
  2. Knowledge Base
  3. FAQs
  4. How To?
  5. Modify “Connect” Button Text on Splash Page

Modify “Connect” Button Text on Splash Page

[alert style=”danger”]This article is intended for HTML web designers:[/alert]

Connect button will still appear using the merge keys, please do not modify this configuration. However, using Java and CSS custom scripts can make the “Connect” button look different on guest’s device browser.

  1. Add some custom CSS code to the page under a <head> tag.
border-radius: 70px;
padding: 4px 25px 4px 25px;
border: 2px solid #f2d383;
background: none;
color: #f2d383;
float: right;
font-family: 'Slaberlin';
font-weight: bold;


  1. Add Javascript anywhere at the bottom of the HTML inside the <body> tag.

3. “CONNECT” can be replaced with desired text.

Updated on April 29, 2019

Was this article helpful?

Related Articles