The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

Black Studio TinyMCE Widget
[resolved] Contact form button faded (7 posts)

  1. BarefootCoach
    Posted 3 years ago #

    Hi all,

    I recently downloaded Tine MCE widget to add a custom CSS contact form to my side bar here: http://www.LeightonStagg.com

    As you'll see, as soon as the form went live the 'submit' button on the form fades out. I've tried to correct this by changing colour codes in the CSS, but to no avail.

    Any help massively appreciated!


  2. BarefootCoach
    Posted 3 years ago #

    PS - here is the code:

    <!-- Begin MailChimp Signup Form -->
    <p><link href="http://cdn-images.mailchimp.com/embedcode/classic-081711.css" 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="http://LeightonStagg.us6.list-manage.com/subscribe/post?u=5380643ec0f9c1ad91d749b3a&id=f51c30b961" 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-->

  3. Marco Chiesi
    Plugin Author

    Posted 3 years ago #

    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).

  4. BarefootCoach
    Posted 3 years ago #

    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 :-)

  5. Marco Chiesi
    Plugin Author

    Posted 3 years ago #

    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.

  6. BarefootCoach
    Posted 3 years ago #

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

    Appreciated Marco.

  7. BarefootCoach
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Black Studio TinyMCE Widget
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic