Support » Plugin: Black Studio TinyMCE Widget » Contact form button faded

Viewing 6 replies - 1 through 6 (of 6 total)
  • PS – here is the code:

    <!– Begin MailChimp Signup Form –>
    <p><link href=”” rel=”stylesheet” type=”text/css” /></p>
    <style type=”text/css”><!–
    #mc_embed_signup{background:#fff; clear:left; font:13px 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 class=”validate” id=”mc-embedded-subscribe-form” action=”″ method=”post” name=”mc-embedded-subscribe-form” novalidate=”” target=”_blank”>
    <p style=”text-align: left;”>Being able to manage your time effectively is essential for maximum productivity and success.</p>
    <p style=”text-align: left;”>Here’s a free guide to managing your time like a pro. Just tell me where to send it!</p>

    <div class=”indicates-required”><span class=”asterisk”>*</span> indicates required</div>
    <div class=”mc-field-group”><span style=”color: #000080;”><label for=”mce-EMAIL”>Email Address <span class=”asterisk”>*</span> </label></span> <input class=”required email” id=”mce-EMAIL” type=”email” name=”EMAIL” value=”” /></div>
    <div class=”mc-field-group”><span style=”color: #000080;”><label for=”mce-FNAME”>First Name <span class=”asterisk”>*</span> </label></span> <input class=”required” id=”mce-FNAME” type=”text” name=”FNAME” value=”” /></div>
    <div class=”mc-field-group”><span style=”color: #000080;”><label for=”mce-LNAME”>Last Name <span class=”asterisk”>*</span> </label></span> <input class=”required” id=”mce-LNAME” type=”text” name=”LNAME” value=”” /></div>
    <div class=”clear” id=”mce-responses”> </div>
    <div class=”clear”><input class=”button” id=”mc-embedded-subscribe” type=”submit” name=”subscribe” value=”Submit” /></div>
    <!–End mc_embed_signup–>

    Plugin Author Marco Chiesi


    Hi there,
    this is not a problem related to our plugin, but it’s a CSS conflict between the mailchimp css and the css shipped with your theme.
    To fix it, you have to change your theme’s CSS (or add rules to override the style). In particular the conflicting CSS rules are at lines 502-507 of your /themes/responsive/style.css (all the background-image rules).

    Hi Marco, thanks for this! How can I go about correcting the conflict, please? I’m new to CSS with a basic knowledge of HTML, so a step-by-step guide would be awesome, if possible?!

    Many thanks 🙂

    Plugin Author Marco Chiesi


    Edit the file /wp-content/themes/responsive/style.css, find the section “Buttons” that starts around line 491, and remove all the lines that start with background-image:. There are three groups of these rules: one for basic buttons, one for hover status and one for active status.

    Having watched a youtube vid, I’ve now downloaded Firebug, NVU and FileZilla and I’m attempting to do this!

    Appreciated Marco.

    Amazing! After watching several videos and making several attempts, I got this sorted! Thanks again Marco 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Contact form button faded’ is closed to new replies.