Subscribe Button Inactive

JOT Support,

Update – this issue appears to be with the font / background color of the status response text the user sees when they click the “subscribe” button. The plugin does indeed join the number to the group and the Twilio SMS gateway is sending an automated response to the user.

Since I’m running a black background, I have the following CSS mod in my theme –

/*set blog post background to black*/
.category #main-content {
background: #000000;
}

.et_pb_section, #main-content{
background-color: transparent!important;
}

I also see the CSS in the page is loaded by the plugin-

<link rel='stylesheet' id='jot-css-css'  href='https://hickoryhills.com/wp-content/plugins/joy-of-text/css/jot.css?ver=4.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='jot-uitheme-css-css'  href='https://hickoryhills.com/wp-content/plugins/joy-of-text/css/jquery-ui-fresh.css?ver=4.5.1' type='text/css' media='all' />

Do you know of any place I could check that would not cause the response text to show on a black background? I did have the response text working in dev prior to the migration to active production.

Thanks for the help and assistance!

Dusty

Hi Dusty,

Could you send me a link to the page containing the subscription form please and I’ll take a look.

Thank you,
Stuart

Hi Dusty,

The plugin uses your theme’s default text colour to write the “Subscribing you to the group…” message, then responds in either red or green text, depending on the whether an error occurred or when the subscription was successful.

Do you have the “<div id=”jot-subscribemessage”></div>” added to the bottom of your form? This is where the response messages are written to.

Regards,
Stuart

Hey Stuart! Thanks for the help! In looking at the form, I don’t see the subscribe message on there. Below is what I have.

<div class=”sms_table”><form id=”jot-subscriber-form-1″ action=”” method=”post”><input name=”jot-group-id” value=”1″ type=”hidden”>
<input name=”jot_form_id” value=”jot-subscriber-form” type=”hidden”>
<table>
<tbody>
<tr>
<th class=”jot-td-c” colspan=”2″><span style=”color: white;”>Please Subscribe for HHGC Text Updates</span></th>
</tr>
<tr>
<th><span style=”color: white; font-family: Lato;”>Member Name:</span></th>
<td><input id=”jot-subscribe-name” maxlength=”40″ name=”jot-subscribe-name” size=”40″ type=”text”></td>
</tr>
<tr>
<th><span style=”color: white; font-family: Lato;”>Mobile Number:</span></th>
<td><input id=”jot-subscribe-num” maxlength=”40″ name=”jot-subscribe-num” size=”40″ type=”text”></td>
</tr>
<tr>
<td><input id=”jot-subscribegroup-1″ class=”button” value=”Subscribe” type=”button”></td>
<td></td>
</tr>
</tbody>
</table>
</form></div>

Do you know where this line should be placed within the form?

Thanks again for the help! I greatly appreciate it!

Dusty B.

Hi Dusty,

It should be in the table cell next to the subscribe button. In the HTML below, I’ve updated the last table row to include the div where the messages are written.

<tr>
<td><input id="jot-subscribegroup-1" class="button" value="Subscribe" type="button"></td>
<td><div id="jot-subscribemessage"></div></td>
</tr>

Regards,
Stuart

Hey Stuart!

That was indeed the issue! The text is now visible to the user when the subscribe button is clicked.

Thanks for your help and support!

Dusty B.