EventSpark Home

Classic Email Templates Upgrade Guide

EventSpark Version 3.23 Classic Email Templates Upgrade Guide


Update ALL the Classic Email Templates to include the attributes to refactor the fonts.

Feature: Standardize font in classic email templates

Classic Email Templates

  • Go to Setup and search for “Classic Email Templates”

  • Under the EventSpark Folder, select the Email Template

  • For each Visualforce/Html Email Template listed below, click "Edit" and then in the Template replace references to the font-family:

    • It is suggested that you do a "Ctrl F" & "Replace" for this.

    • On your Keyboard, Type "Ctrl F" and paste the snippet seen in RED in the Finder

    • In the HTML, where you have found the snippet, replace it with the following snippet seen in GREEN below.

  • Click "Save".


Visualforce Templates

Replace:

With:

Ad_hoc

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Cancellation_Confirmation

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Event_Booking_Confirmation

;;
;


You can <a
You can <a style="color: {!JSENCODE(

IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Action_Link_Active_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Action_Link_Active_Colour__c,
'#0000EE'
)
)};"

Event_Booking_Incomplete

;;
;


You can <a
You can <a style="color: {!JSENCODE(

IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Action_Link_Active_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Action_Link_Active_Colour__c,
'#0000EE'
)
)};"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Event_Booking_Payment_Reminder

;;
;


You can <a
You can <a style="color: {!JSENCODE(

IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Action_Link_Active_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Action_Link_Active_Colour__c,
'#0000EE'
)
)};"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Event_Booking_Reminder

;;
;


You can <a
You can <a style="color: {!JSENCODE(

IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Action_Link_Active_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Action_Link_Active_Colour__c,
'#0000EE'
)
)};"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Invitation_to_an_event

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<c:EmailEventDetails delegateId="{!relatedTo.Id}"
<c:EmailEventDetails delegateId="{!relatedTo.Id}" fontSize="14px"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Pending_Registration_Approved

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<c:EmailEventDetails delegateId="{!relatedTo.Id}"
<c:EmailEventDetails delegateId="{!relatedTo.Id}" fontSize="14px"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Pending_Registration_Not_Approved

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Preregistration_Confirmation

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<c:EmailEventDetails delegateId="{!relatedTo.Id}"
<c:EmailEventDetails delegateId="{!relatedTo.Id}" fontSize="14px"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Registration_RSVP_Confirmation

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<c:EmailEventDetails delegateId="{!relatedTo.Id}"
<c:EmailEventDetails delegateId="{!relatedTo.Id}" fontSize="14px"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Reminder_to_attend_virtual_event

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<c:EmailEventDetails delegateId="{!relatedTo.Id}"
<c:EmailEventDetails delegateId="{!relatedTo.Id}" fontSize="14px"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Reminder_to_Attend

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<c:EmailEventDetails delegateId="{!relatedTo.Id}"
<c:EmailEventDetails delegateId="{!relatedTo.Id}" fontSize="14px"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Reminder_to_Complete_Registration

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<c:EmailEventDetails delegateId="{!relatedTo.Id}"
<c:EmailEventDetails delegateId="{!relatedTo.Id}" fontSize="14px"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Reminder_to_Complete_Survey

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Reminder_to_RSVP

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<c:EmailEventDetails delegateId="{!relatedTo.Id}"
<c:EmailEventDetails delegateId="{!relatedTo.Id}" fontSize="14px"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Sorry_you_could_not_attend

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Thank_you_for_attending

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Waitlisting_Confirmation

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<c:EmailEventDetails delegateId="{!relatedTo.Id}"
<c:EmailEventDetails delegateId="{!relatedTo.Id}" fontSize="14px"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Welcome_to_Register_Reminder

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<td style="FONT-SIZE: 16px; BORDER-TOP: #008cc9 1px solid; BORDER-RIGHT: #008cc9 1px solid; BORDER-BOTTOM: #008cc9 1px solid; FONT-WEIGHT: 500; COLOR: #ffffff; PADDING-BOTTOM: 3px; -MS-TEXT-SIZE-ADJUST: 100%; PADDING-TOP: 3px; PADDING-LEFT: 20px; BORDER-LEFT: #008cc9 1px solid; PADDING-RIGHT: 20px; BACKGROUND-COLOR: #008cc9; -webkit-text-size-adjust: 100%; mso-table-rspace: 0pt; mso-table-lspace: 0pt; border-radius: 2px"
<td style="FONT-SIZE: 16px;

BORDER: 1px solid {!JSENCODE(
IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Colour__c,
relatedTo.Event_Function__r.Event_Theme__r.Banner_And_Button_Colour__c
)
)};
FONT-WEIGHT: 500;
COLOR: {!JSENCODE(
IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Text_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Text_Colour__c,
relatedTo.Event_Function__r.Event_Theme__r.Title_Colour__c
)
)};
PADDING-BOTTOM: 3px;
-MS-TEXT-SIZE-ADJUST: 100%;
PADDING-TOP: 3px;
PADDING-LEFT: 20px;
PADDING-RIGHT: 20px;
BACKGROUND-COLOR: {!JSENCODE(
IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Colour__c,
relatedTo.Event_Function__r.Event_Theme__r.Banner_And_Button_Colour__c
)
)};
-webkit-text-size-adjust: 100%; mso-table-rspace: 0pt; mso-table-lspace: 0pt; border-radius: 2px"


<a style="CURSOR: pointer; TEXT-DECORATION: none; COLOR: #ffffff; -MS-TEXT-SIZE-ADJUST: 100%; DISPLAY: inline-block; -webkit-text-size-adjust: 100%"
href="{!relatedTo.evsprk__Invitation_URL__c}" target="_blank">Register Now</a>

<a style="CURSOR: pointer; TEXT-DECORATION: none; color: {!JSENCODE(
IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Text_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Text_Colour__c,
'#0000EE'
)
)}; -MS-TEXT-SIZE-ADJUST: 100%; DISPLAY: inline-block; -webkit-text-size-adjust: 100%"
href="{!relatedTo.Invitation_URL__c}" target="_blank">Register Now</a>


<c:EmailEventDetails delegateId="{!relatedTo.Id}"
<c:EmailEventDetails delegateId="{!relatedTo.Id}" fontSize="14px"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Welcome_to_Register

;;
;


            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:
            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:


<td style="FONT-SIZE: 16px; BORDER-TOP: #008cc9 1px solid; BORDER-RIGHT: #008cc9 1px solid; BORDER-BOTTOM: #008cc9 1px solid; FONT-WEIGHT: 500; COLOR: #ffffff; PADDING-BOTTOM: 3px; -MS-TEXT-SIZE-ADJUST: 100%; PADDING-TOP: 3px; PADDING-LEFT: 20px; BORDER-LEFT: #008cc9 1px solid; PADDING-RIGHT: 20px; BACKGROUND-COLOR: #008cc9; -webkit-text-size-adjust: 100%; mso-table-rspace: 0pt; mso-table-lspace: 0pt; border-radius: 2px"
<td style="FONT-SIZE: 16px;

BORDER: 1px solid {!JSENCODE(
IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Colour__c,
relatedTo.Event_Function__r.Event_Theme__r.Banner_And_Button_Colour__c
)
)};
FONT-WEIGHT: 500;
COLOR: {!JSENCODE(
IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Text_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Text_Colour__c,
relatedTo.Event_Function__r.Event_Theme__r.Title_Colour__c
)
)};
PADDING-BOTTOM: 3px;
-MS-TEXT-SIZE-ADJUST: 100%;
PADDING-TOP: 3px;
PADDING-LEFT: 20px;
PADDING-RIGHT: 20px;
BACKGROUND-COLOR: {!JSENCODE(
IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Colour__c,
relatedTo.Event_Function__r.Event_Theme__r.Banner_And_Button_Colour__c
)
)};
-webkit-text-size-adjust: 100%; mso-table-rspace: 0pt; mso-table-lspace: 0pt; border-radius: 2px"


<a style="CURSOR: pointer; TEXT-DECORATION: none; COLOR: #ffffff; -MS-TEXT-SIZE-ADJUST: 100%; DISPLAY: inline-block; -webkit-text-size-adjust: 100%"
href="{!relatedTo.evsprk__Invitation_URL__c}" target="_blank">Register Now</a>

<a style="CURSOR: pointer; TEXT-DECORATION: none; color: {!JSENCODE(
IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Text_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Text_Colour__c,
'#0000EE'
)
)}; -MS-TEXT-SIZE-ADJUST: 100%; DISPLAY: inline-block; -webkit-text-size-adjust: 100%"
href="{!relatedTo.Invitation_URL__c}" target="_blank">Register Now</a>


<c:EmailEventDetails delegateId="{!relatedTo.Id}"
<c:EmailEventDetails delegateId="{!relatedTo.Id}" fontSize="14px"


<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />


Visualforce Templates

For the following Templates:

  • Ad_hoc

  • Cancellation_Confirmation

  • Event_Booking_Cancelation

  • Event_Booking_Confirmation

  • Event_Booking_Incomplete

  • Event_Booking_Payment_Reminder

  • Event_Booking_Reminder

  • Invitation_to_an_event

  • Pending_Registration_Approved

  • Pending_Registration_Not_Approved

  • Preregistration_Confirmation

  • Registration_RSVP_Confirmation

  • Reminder_to_attend_virtual_event

  • Reminder_to_attend

  • Reminder_to_Complete_Registration

  • Reminder_to_complete_survey

  • Reminder_to_RSVP

  • Sorry_you_could_not_attend

  • Thank_you_for_attending

  • Waitlisting_Confirmation

  • Welcome_to_Register_Reminder

  • Welcome_to_Register

Replace:

;;

With:

;

There are three (3) instances of this change in most but not all of the above Classic Email Templates.

AND Replace:

<p>

{!relatedTo.evsprk__Formatted_Salutation__c},
</p>
OR
<p>
{!relatedTo.Formatted_Salutation__c},
</p

With:

                                        <c:EmailSalutation delegateId="{!relatedTo.Id}" />

Visualforce Templates

For the following Templates:

  • Ad_hoc

  • Cancellation_Confirmation

  • Invitation_to_an_event

  • Event_Booking_Confirmation

  • Event_Booking_Incomplete

  • Event_Booking_Reminder

  • Pending_Registration_Approved

  • Pending_Registration_Not_Approved

  • Preregistration_Confirmation

  • Registration_RSVP_Confirmation

  • Reminder_to_attend_virtual_event

  • Reminder_to_attend

  • Reminder_to_Complete_Registration

  • Reminder_to_complete_survey

  • Reminder_to_RSVP

  • Sorry_you_could_not_attend

  • Thank_you_for_attending

  • Waitlisting_Confirmation

  • Welcome_to_Register_Reminder

  • Welcome_to_Register

Replace:

You can <a

With:

You can <a style="color: {!JSENCODE(IF(NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Action_Link_Active_Colour__c)),
 
relatedTo.Event_Function__r.Event_Theme__r.Action_Link_Active_Colour__c,
'#0000EE'
)
)};"

Visualforce Templates

For the following Templates:

  • Ad_hoc

  • Cancellation_Confirmation

  • Invitation_to_an_event

  • Pending_Registration_Approved

  • Pending_Registration_Not_Approved

  • Preregistration_Confirmation

  • Registration_RSVP_Confirmation

  • Reminder_to_attend_virtual_event

  • Reminder_to_attend

  • Reminder_to_Complete_Registration

  • Reminder_to_complete_survey

  • Reminder_to_RSVP

  • Sorry_you_could_not_attend

  • Thank_you_for_attending

  • Waitlisting_Confirmation

  • Welcome_to_Register_Reminder

  • Welcome_to_Register

Replace:

            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="border-collapse:

With:

            <!-- PAGE TABLE -->

<table border="0" cellpadding="0" cellspacing="0" width="100%"
style="font-size:14px; border-collapse:

Visualforce Templates

For the following Templates:

  • Invitation_to_an_event

  • Pending_Registration_Approved

  • Preregistration_Confirmation

  • Registration_RSVP_Confirmation

  • Reminder_to_attend_virtual_event

  • Reminder_to_attend

  • Reminder_to_Complete_Registration

  • Reminder_to_RSVP

  • Waitlisting_Confirmation

  • Welcome_to_Register_Reminder

  • Welcome_to_Register


Replace:
<c:EmailEventDetails delegateId="{!relatedTo.Id}"

With:

<c:EmailEventDetails delegateId="{!relatedTo.Id}" fontSize="14px"

Visualforce Templates

For the following Templates:

  • Welcome_to_Register_Reminder

  • Welcome_to_Register

Replace:

<td style="FONT-SIZE: 16px; BORDER-TOP: #008cc9 1px solid; BORDER-RIGHT: #008cc9 1px solid; BORDER-BOTTOM: #008cc9 1px solid; FONT-WEIGHT: 500; COLOR: #ffffff; PADDING-BOTTOM: 3px; -MS-TEXT-SIZE-ADJUST: 100%; PADDING-TOP: 3px; PADDING-LEFT: 20px; BORDER-LEFT: #008cc9 1px solid; PADDING-RIGHT: 20px; BACKGROUND-COLOR: #008cc9; -webkit-text-size-adjust: 100%; mso-table-rspace: 0pt; mso-table-lspace: 0pt; border-radius: 2px"

With:


<td style="FONT-SIZE: 16px;

BORDER: 1px solid {!JSENCODE(
IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Colour__c,
relatedTo.Event_Function__r.Event_Theme__r.Banner_And_Button_Colour__c
)
)};
FONT-WEIGHT: 500;
COLOR: {!JSENCODE(
IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Text_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Text_Colour__c,
relatedTo.Event_Function__r.Event_Theme__r.Title_Colour__c
)
)};
PADDING-BOTTOM: 3px;
-MS-TEXT-SIZE-ADJUST: 100%;
PADDING-TOP: 3px;
PADDING-LEFT: 20px;
PADDING-RIGHT: 20px;
BACKGROUND-COLOR: {!JSENCODE(
IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Colour__c,
relatedTo.Event_Function__r.Event_Theme__r.Banner_And_Button_Colour__c
)
)};
-webkit-text-size-adjust: 100%; mso-table-rspace: 0pt; mso-table-lspace: 0pt; border-radius: 2px"

And Replace:

<a style="CURSOR: pointer; TEXT-DECORATION: none; COLOR: #ffffff; -MS-TEXT-SIZE-ADJUST: 100%; DISPLAY: inline-block; -webkit-text-size-adjust: 100%"

href="{!relatedTo.evsprk__Invitation_URL__c}" target="_blank">Register Now</a>

With:

<a style="CURSOR: pointer; TEXT-DECORATION: none; color: {!JSENCODE(

IF(
NOT(ISBLANK(relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Text_Colour__c)),
relatedTo.Event_Function__r.Event_Theme__r.Primary_Btn_Active_Text_Colour__c,
'#0000EE'
)
)}; -MS-TEXT-SIZE-ADJUST: 100%; DISPLAY: inline-block; -webkit-text-size-adjust: 100%"
href="{!relatedTo.Invitation_URL__c}" target="_blank">Register Now</a>