In order to change the color of the text (and buttons) on the QR interaction instructions page (mini-site), you will need to copy and paste the below text into the "Custom CSS" block which can be found under the "QR Interaction" section.

QR Interaction Instructions page AKA Mini-site

The text and button color is set to white by default.

Step 1: Copy the code

Copy the below code and paste it into the Custom CSS block (see image below).

<style>

.experience-button

{

color: white;

border: 1px solid white;

}

.heading

{

color: white !important;

}

#phone_button

{

border: 1px solid white;

color: white;

}

#email_button

{

border: 1px solid white;

color: white;

}

.instruction-view

{

color: white!important;

}

.text-input

{

border-color: white!important;

color: white !important;

}

</style>

Step 2: Change the color

Once you have copied and pasted the above code into the CSS block then you can change the color. Basically, change the word "white" to the color you want or use a hex code to be more specific.

The example below shows how the color was changed to black.

Did this answer your question?