Support » Fixing WordPress » Email Subscribe Button – Quick CSS Fix

  • Hi there!
    Thanks for taking the time to look at my problem.
    I’m not really good at CSS, I actually don’t know much at all.

    This is my issue:

    On my website:

    I have a Subscribe to mail list button which was created with MailChimp.

    This is the code:

    <!-- Begin MailChimp Signup Form -->
    <link href="" rel="stylesheet" type="text/css">
    <style type="text/css">
    	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
    	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
    	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
    <div id="mc_embed_signup">
    <form action="" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    	<label for="mce-EMAIL"></label>
    	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    	<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    <!--End mc_embed_signup-->

    Now the issue here is their subscribe button is really shit, so I want my subscribe button which is here:

    <a href=""><img src="" alt="Subscribe" width="157" height="48" class="alignleft size-full wp-image-78" /></a>

    To take the place of Mail Chimp’s subscribe button!

    And I want my subscribe button to link to the same place Mail Chimp’s Subscribe button was linking!

    If you do not understand I will try to clear it up again!
    Sorry for the inconvenience!

  • The topic ‘Email Subscribe Button – Quick CSS Fix’ is closed to new replies.