WordPress.org

Ready to get started?Download WordPress

Forums

Newsletter
[resolved] Email Text Entry Box Not Showing (3 posts)

  1. bobfrank375
    Member
    Posted 5 months ago #

    The input box to enter an email on the subscription form is not appearing. The boxes for First Name and Last Name show up just fine, though. I can still enter an email and submit, but I can't see the box:

    Newsletter

    How do I fix it?

    https://wordpress.org/plugins/newsletter/

  2. Stefano Lissa
    Member
    Plugin Author

    Posted 5 months ago #

    Your theme is doing weird things: it add a new style class to the input text, ignoring the input of type email (new with HTML 5). Ask the author theme to fix it and, at least, to not hide the fields the do not address with specific styles in the theme.

  3. bobfrank375
    Member
    Posted 5 months ago #

    For anyone who has this problem in the future with Themeblossom's Candidate theme:

    Please open style.css, find this line:

    input.text, input[type=password], textarea, .selector {font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 12px; line-height: 18px; height: 18px; width: 450px; color: #959a9a; padding: 7px 10px; background: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #cbcbcb; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 9px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 9px rgba(0,0,0,0.2); box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 9px rgba(0,0,0,0.2); position: relative; float: left;}

    and change it to read:

    input.text, input[type=password], textarea, .selector, input[type=email] {font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 12px; line-height: 18px; height: 18px; width: 450px; color: #959a9a; padding: 7px 10px; background: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #cbcbcb; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 9px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 9px rgba(0,0,0,0.2); box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 9px rgba(0,0,0,0.2); position: relative; float: left;}

    After you save this file, just refresh your site in front-end and everything will be as you want.

Reply

You must log in to post.

About this Plugin

About this Topic