WordPress.org

Forums

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

  1. bobfrank375
    Member
    Posted 1 year 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 1 year 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 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Newsletter
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic