[resolved] Mailchimp integration (8 posts)

  1. ciupy
    Posted 3 years ago #

    Hi, i want to put a mailchimp form in the sidebar,

    i want to use this code "<!-- Begin MailChimp Signup Form -->

    <div id="optin">
    <form action="http://xxxus6.list-manage2.com/subscribe/post?u=b83d4f339e17010fd4336068f&id=d35f80de56" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    	<h2>Aboneaza-te pentru a primi articolele noi</h2> <br />
    <div class="mc-field-group">
    	<input class="name" type="text" value="Prenume" size="20" name="FNAME" id="mce-FNAME" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">
    <div class="mc-field-group">
    	<input class="email" type="email" value="Adresa de mail" size="20" name="EMAIL" id="mce-EMAIL" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">
    	<div id="mce-responses" class="clear">
    		<div class="response" id="mce-error-response" style="display:none"></div>
    		<div class="response" id="mce-success-response" style="display:none"></div>
    	</div>	<div class="clear">
    <div class="buton">
    <input type="submit" value="Ma abonez" name="subscribe" id="mc-embedded-subscribe" class="button"></div></div>


    and in css i have

    #optin { background: #fff url(images/shadow.png) repeat-x top; border: 3px solid #efefef; padding: 20px 15px; text-align: center }
    #optin input {
    		border: 1px solid #ccc;
    		font-size: 15px;
    		margin-bottom: 10px;
    		padding: 8px 10px;
    		border-radius: 3px;
    		-moz-border-radius: 3px;
    		-webkit-border-radius: 3px;
    		box-shadow: 0 2px 2px #ddd;
    		-moz-box-shadow: 0 2px 2px #ddd;
    		-webkit-box-shadow: 0 2px 2px #ddd
    #optin input.email { background: #fff url(images/email.png) no-repeat 10px center; padding-left: 35px;  }
    #optin input.name { background: #fff url(images/name.png) no-repeat 10px center; padding-left: 35px; width: 175px;}
    #buton input[type="submit"] {
    			background: #f6640e url(images/orange.png) repeat-x top;
    			border: 1px solid #a44913;
    			color: #fff;
    			cursor: pointer;
    			font-size: 18px;
    			font-weight: bold;
    			padding: 8px 0;
    			text-shadow: -1px -1px #562806;
    			width: 100%
    #optin input[type="submit"]:hover { color: #ffdeb3 }

    But i dont know why my submit button doesnt want so show up! can you help me?

  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    If you've having too much trouble with that, can you use the MailChimp widget instead?

  3. ciupy
    Posted 3 years ago #

    It is ugly. this css makes my form to be nice. i have not problems on other themes. but in this one there are more inputs in the css code, and maybe thats why the submit button dont show up. i dont know what to modify in the css so the submit buttons to not interfer

  4. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    From the HTML and CSS provided, I can't produce the issue of your submit button not showing up http://awesomescreenshot.com/014smwz0d . Can you post a link to a working example of the issue?

  5. ciupy
    Posted 3 years ago #

    sure Andrew. this is the site http://nevoiadesucces.ro/blog/

    and in this print screen is the same code but with the theme eleven twelve http://screencast.com/t/YVxxk40GK

  6. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    The issue derives from the <div> you're wrapping around the submit button.

    The class "clear" has visibility of hidden set to it.
    Look up .clear in your theme's stylesheet http://nevoiadesucces.ro/wp-content/themes/colorwaytheme/css/960_24_col_responsive.css?ver=3.5

  7. ciupy
    Posted 3 years ago #

    thanks bro! i was speding over two hours to find out what is causing this. I delete the div with clear and it's ok now.

    Thanks a lot!

  8. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    And Thanks, Ciupy, for contributing to the WordPress community :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.