Inline form not aligning properly

  • Resolved dozarko

    (@dozarko)


    10 years, 2 months ago

    Hi there;

    I’ve created an inline form for my website. It looks fine except for a few things:

    1) The submit button is not aligned with the name and email fields.
    2) The submit button blends into my background until rollover. How do I change the color of the button so that it is black with white text when static and gray with white text on rollover?
    3) Below the name field embedded in the red background is a link that blends into the background that I randomly discovered. It says “edit form”. How do I get rid of this.
    4) Lastly, how do I test the form? I unsubscribed my email personal address and then tried to subscribe again and get this error message:
    “[email protected] has unsubscribed, and cannot be resubscribed by you. To prevent spam complaints, they’ll need to resubscribe of their own free will.”

    Here is my website http://www.newwebsite.debozarko.com/.

    I’m trying to replicate the signup form look of my old website at this link http://www.debozarko.com/ (scroll down to footer).

    Thanks for your help! 🙂

    https://ww.wp.xz.cn/plugins/yikes-inc-easy-mailchimp-extender/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    10 years, 2 months ago

    Hello.

    This CSS code will take care of the submit button. If not, it may have to be tweaked and I can help with that.

    #yikes-mailchimp-container-1 .empty-form-inline-label.submit-button-inline-label .empty-label {
     display: none;
}

#yikes-mailchimp-container-1 .yikes-easy-mc-form button.yikes-easy-mc-submit-button {
     background: #000;
     color: #fff;
}

    You have a few options to add CSS code:

    • If you created this theme yourself, you can just add it to your style.css file
    • If you’re using a theme you downloaded or bought you can make a child theme and add the code to your child theme’s style.css file
    • Your theme may have a “Custom CSS” option. If it does, then you can just pop it in there.
    • You can use a plugin like Simple Custom CSS or Jetpack and enter the code in their Custom CSS area

    The “edit form” is only visible to you when you are logged into the admin. Visitors to your site will not see this link.

    You will need to test the form with another email address. I just did a test submission and received the success message, got redirected to a page with instructions and received an opt-in email from Deb Ozarko.

    Thank you!
    -Tracy

    Thread Starter dozarko

    (@dozarko)

    10 years, 2 months ago

    Thanks Tracy. The CSS works perfectly!

    I’ve tried 3 different email addresses and still get the same error message when I try to subscribe. My question is now this: what if someone unsubscribes and changes their mind? How do they bypass this error message? I’m unable with all of my email addresses.

    Thanks again.

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    10 years, 2 months ago

    Hi Deb Ozarko,

    I’m glad the CSS worked!

    I did some Googling of the error you are receiving. How are you unsubscribing? Are you using the link in email or are you doing it via the list manager in MailChip? It looks like you should delete a user vs. unsub for testing purposes.

    Thank you!
    -Tracy

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

The topic ‘Inline form not aligning properly’ is closed to new replies.