White text in email

  • tmck

    (@tmck)


    5 years, 5 months ago

    Hi, I have manual review enabled for new registrants but when I receive the email for a newly registered user, part of the text in the gray box is white: screenshot. Any ideas on how I can turn this text black?

    Thanks,
    Tiffany

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor Champ Camba

    (@champsupertramp)

    5 years, 5 months ago

    Hi @tmck

    Have you tried changing the color via the email template editor?

    /wp-admin/admin.php?page=um_options&tab=email&email=notification_new_user

    Regards,

    Thread Starter tmck

    (@tmck)

    5 years, 5 months ago

    Hi @champsupertramp!

    The issue is that the white text appears within the {submitted_registration} tag, which I don’t know how to change. It’s within a div with the correct color: screenshot.

    Thanks,
    Tiffany

    Plugin Contributor Champ Camba

    (@champsupertramp)

    5 years, 5 months ago

    Hi @tmck

    Here’s what’s inside the {submitted_registration}:
    https://github.com/ultimatemember/ultimatemember/blob/master/includes/um-short-functions.php#L679-L826

    You will notice that there are no styles added to the content.

    Regards,

    Thread Starter tmck

    (@tmck)

    5 years, 5 months ago

    Hi @champsupertramp,

    Thanks for that look into {submitted registration}. I’m still unsure where the white text is coming from. I inspected the email and I can see the div I see in WP with gray text and then I see another div with white text: screenshot. I’m not sure how to access that secondary div. Any ideas?

    Thanks,
    Tiffany

    Plugin Contributor Champ Camba

    (@champsupertramp)

    5 years, 5 months ago

    Hi @tmck

    Could you please paste the email message body here in Text format( Not the Visual )?

    See:
    /wp-admin/admin.php?page=um_options&tab=email&email=notification_new_user

    Regards,

    Thread Starter tmck

    (@tmck)

    5 years, 5 months ago

    Hi @champsupertramp

    Here it is:

    <div style=”max-width: 560px; padding: 20px; background: #ffffff; border-radius: 5px; margin: 40px auto; font-family: Open Sans,Helvetica,Arial; font-size: 15px; color: #666;”>
    <div style=”color: #444444; font-weight: normal;”>
    <div style=”text-align: center; font-weight: 600; font-size: 26px; padding: 10px 0; border-bottom: solid 3px #eeeeee;”>{site_name}</div>
    <div style=”clear: both;”> </div>
    </div>
    <div style=”padding: 0 30px 30px 30px; border-bottom: 3px solid #eeeeee;”>
    <div style=”padding: 30px 0; font-size: 24px; text-align: center; line-height: 40px;”>{display_name} has just registered for the {site_name} site and is waiting to be reviewed.</div>
    <div style=”padding: 10px 0 50px 0; text-align: center;”>To review this member please click the following link: {user_profile_link}</div>
    <div style=”padding: 0 0 15px 0;”>
    <div style=”background: #eee; color: #444; padding: 12px 15px; border-radius: 3px; font-weight: bold; font-size: 16px;”>Here is the submitted registration form:<br /><br />{submitted_registration}</div>
    </div>
    </div>
    <div style=”color: #999; padding: 20px 30px;”>
    <div>Thank you!</div>
    <div>The {site_name} Team</div>
    </div>
    </div>

    Thanks,
    Tiffany

    Plugin Contributor Champ Camba

    (@champsupertramp)

    5 years, 3 months ago

    Hi @tmck

    Sorry for the late response.

    Could you please try adding !important to color: #444 in
    <div style=”background: #eee; color: #444; padding: 12px 15px; border-radius: 3px; font-weight: bold; font-size: 16px;”>Here is the submitted registration form:<br /><br />{submitted_registration}</div>

    e.g. color: #444 !important;

    Feel free to re-open this thread by changing the topic status to “Not Resolved” so we can get back to you.

    Regards,

    Thread Starter tmck

    (@tmck)

    5 years, 3 months ago

    Hi @champsupertramp

    Thanks for your reply but unfortunately that did not work. The updated code pasted below generated this email (screenshot), which still shows white text.

    Updated code:

    <div style="max-width: 560px; padding: 20px; background: #ffffff; border-radius: 5px; margin: 40px auto; font-family: Open Sans,Helvetica,Arial; font-size: 15px; color: #666;">
<div style="color: #444444; font-weight: normal;">
<div style="text-align: center; font-weight: 600; font-size: 26px; padding: 10px 0; border-bottom: solid 3px #eeeeee;">{site_name}</div>
<div style="clear: both;"> </div>
</div>
<div style="padding: 0 30px 30px 30px; border-bottom: 3px solid #eeeeee;">
<div style="padding: 30px 0; font-size: 24px; text-align: center; line-height: 40px;">{display_name} has just registered for the {site_name} site and is waiting to be reviewed.</div>
<div style="padding: 10px 0 50px 0; text-align: center;">To review this member please click the following link: <a href="{user_profile_link}">{user_profile_link}</a></div>
<div style="padding: 0 0 15px 0;">
<div style="background: #eee; color: #444 !important; padding: 12px 15px; border-radius: 3px; font-weight: bold; font-size: 16px;">Here is the submitted registration form:<br /><br />{submitted_registration}</div>
</div>
</div>
<div style="color: #999; padding: 20px 30px;">
<div>Thank you!</div>
<div>The <a href="{site_url}">{site_name}</a> Team</div>
</div>
</div>

    Thanks,
    Tiffany

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘White text in email’ is closed to new replies.