WordPress.org

Ready to get started?Download WordPress

Forums

MailChimp List Subscribe Form
Custom submit button (5 posts)

  1. swhc1066
    Member
    Posted 3 years ago #

    I have the Mailchimp plugin installed on my site. Works fine. Wondering how to do a custom submit button. On the plug-in site on WordPress the instructions show that you can type in your own HTML. I inserted in my own image source code for my custom submit button and it doesnt work. It works for a custom header but not the submit button. It appears this used to be on option on an older version of this plug in. Any one have any ways around this. I'm a newbie to this so hopefully it doesn't require a bunch of code.

  2. mc_jesse
    Member
    Posted 3 years ago #

    No, it's never been an option. You should be able to achieve that by adding your own css to target the submit button.

  3. sempervirent
    Member
    Posted 3 years ago #

    Look somewhere around line 179 in mailchimp_widget.php

    <input type="submit" name="mc_signup_submit" id="mc_signup_submit" value="<?php echo esc_attr(get_option('mc_submit_text')); ?>" class="button" />

  4. mc_jesse
    Member
    Posted 3 years ago #

    Before you go down that road, be aware that any changes you make to the plugin will get wiped out if you ever upgrade it.

  5. jeeni
    Member
    Posted 3 years ago #

    I agree with MC_Jesse - I'd sooner update the theme CSS than any code within the widget. Using Firefox and the plugin Firebug, I found the (very long) attributes for the submit button - copied them and pasted them into my theme's CSS & changed the text color/size and background image for the submit button. (as seen bellow)

    #mc_signup_form a.long_button,
    #mc_signup_form a.long_button:hover,
    #mc_signup_form input[type="submit"],
    #mc_signup_form input[type="submit"]:hover,
    #mc_signup_form input[type="button"],
    #mc_signup_form input[type="button"]:hover {
    	color:#000;
    	font-size:12px;
        background: url("../path-to-your-theme/new-button.png") no-repeat scroll center center transparent;
    }
    
    #mc_signup_form a.long_button:hover,
    #mc_signup_form input[type="submit"]:hover,
    #mc_signup_form input[type="button"]:hover {
    	color:#2d3456;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags