Wysija integration

[artaudlemomo]

Hi,

I managed to integrate the wysija newsletter plugin into the subscribe button of the theme by adding this code into the subscribe from code from theme option:

<!–START Scripts : this is the script part you can add to the header of your theme–>
<script type=”text/javascript” src=”http://timotheeducrocq.com/wp-includes/js/jquery/jquery.js?ver=2.5.9.3″></script&gt;
<script type=”text/javascript” src=”http://timotheeducrocq.com/wp-content/plugins/wysija-newsletters/js/validate/languages/jquery.validationEngine-en.js?ver=2.5.9.3″></script&gt;
<script type=”text/javascript” src=”http://timotheeducrocq.com/wp-content/plugins/wysija-newsletters/js/validate/jquery.validationEngine.js?ver=2.5.9.3″></script&gt;
<script type=”text/javascript” src=”http://timotheeducrocq.com/wp-content/plugins/wysija-newsletters/js/front-subscribers.js?ver=2.5.9.3″></script&gt;
<script type=”text/javascript”>
/* <![CDATA[ */
var wysijaAJAX = {“action”:”wysija_ajax”,”controller”:”subscribers”,”ajaxurl”:”http://timotheeducrocq.com/wp-admin/admin-ajax.php&#8221;,”loadingTrans”:”Loading…”};
/* ]]> */
</script><script type=”text/javascript” src=”http://timotheeducrocq.com/wp-content/plugins/wysija-newsletters/js/front-subscribers.js?ver=2.5.9.3″></script&gt;
<!–END Scripts–>

<div class=”widget_wysija_cont html_wysija”><div id=”msg-form-wysija-html52a08bb573205-1″ class=”wysija-msg ajax”></div><form id=”form-wysija-html52a08bb573205-1″ method=”post” action=”#wysija” class=”widget_wysija html_wysija”>
<p class=”wysija-paragraph”>
<label>Email <span class=”wysija-required”>*</span></label>
<input type=”text” name=”wysija[user][email]” class=”wysija-input validate[required,custom[email]]” title=”Email” value=”” />

<span class=”abs-req”>
<input type=”text” name=”wysija[user][abs][email]” class=”wysija-input validated[abs][email]” value=”” />
</span>

</p>
<input class=”wysija-submit wysija-submit-field” type=”submit” value=”Subscribe!” />

<input type=”hidden” name=”form_id” value=”1″ />
<input type=”hidden” name=”action” value=”save” />
<input type=”hidden” name=”controller” value=”subscribers” />
<input type=”hidden” value=”1″ name=”wysija-page” />

<input type=”hidden” name=”wysija[user_list][list_ids]” value=”1″ />

</form></div>

the thing is that the font and the size are different from the theme, what css do I need to use to get it right and where to I need to add it?

thanks in advance for your help,

tim

here is the link: http://www.timotheeducrocq.com

[artaudlemomo]

I just doubled check and even the box and the subscribe button are different, I thought they would like the theme by default, am I missing something?

regards,

tim

[Ahlersheinel]

Hello,

we used wysija too.
You must overwrite CSS for:

#header-subscribe form {
margin: 20px;
height: auto;
overflow: hidden;
}
#header-subscribe label {
font-size: 12px;
}
#header-subscribe input {
font-size: 12px;
}
#header-subscribe .sf-button {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
float: right;
padding: 6px 12px;
margin-top: 5px;
border: 0;
}
#header-subscribe .sf-button:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

I think you can add the CSS in Theme Options -> Custom CSS or your Child-Theme style.css
It might help you to resolve your issue.

[Tahir – SUPPORT]

Hi,

Thank you Ahlersheinel for the css overrides.

@artaudlemomo Could you please confirm if this issue is resolved.

Thanks
Tahir

[artaudlemomo]

Hi Ahlersheinel and Tahir,

I did as you told me but as far as I can see nothing changed. I leave like that so you can see.

Also, as I mentioned it in another topic, adding the HTML above make some of my pages disappear, like the one called “conditions of sale”.

thanks guys for your help,

tim

[artaudlemomo]

Hi,

Never mind I won’t use the subscribe button in the end, I want to add a check box on my contact from 7 form that add email address automatically to wysija.

Thanks a million for you help anyway,

tim

[Melanie – SUPPORT]

Great!