Newsletter Widget not formating
-
Hello,
I added the following given code given to format my newsletter widget, but it is not working, not sure what I am doing wrong…also I am using benchmark and added the HTML.
(<div class=”widget_ci_newsletter”>
<!–– Replace with form HTML ––>
</div>)
-
The HTML:
<style type=”text/css”>
.formbox-editor-662464 {margin: 0 auto;padding: 30px 40px;text-align: left;width: 100%;box-sizing: border-box;}
.formbox-editor-662464 fieldset {border: none;margin: 0;padding: 0;position: relative;}
.formbox-editor-662464 fieldset > input, .formbox-editor fieldset > textarea, .formbox-editable-field {margin: 10px 0;outline: none;}
.formbox-title-662464 {background: none;border: none;color: #000;font-family: Helvetica, Arial, sans-serif;font-size: 20px;padding: 0;width: 100%;word-break: break-word;margin: 10px 0;}
.formbox-title-662464 {border-radius: 0;min-height: 0;}
input.formbox-field-662464 {border: 2px solid #f1f2f2;border-radius: 0;box-sizing: border-box;color: #000;font-family: Helvetica, Arial, sans-serif;font-size: 14px;padding: 15px;width: 100%;}
input.field-error-662464 {border-color: #f15858;}
input.formbox-button-662464 {background-color: #21292d;border-width: 0;border-style: solid;border-color: #21292d;border-radius: 8px;color: #fff;display: inline-block;font-family: Helvetica, Arial, sans-serif;font-size: 14px;font-weight: 600;padding: 15px;margin: 10px 0;text-align: center;word-break: break-all;cursor: pointer;}
button.formbox-button-662464 {background-color: #21292d;border-width: 0;border-style: solid;border-color: #21292d;border-radius: 8px;color: #fff;display: inline-block;font-family: Helvetica, Arial, sans-serif;font-size: 14px;font-weight: 600;padding: 15px;margin: 10px 0;text-align: center;word-break: break-all;cursor: pointer;}
.formbox-editor-662464{background-color:#ffffff !important;}
.formbox-title-662464{font-family:’Times New Roman’, Times, Baskerville, Georgia, serif !important;font-size:11px !important;font-weight:normal !important;color:#000000 !important;text-align:left !important;}
.formbox-button-662464{font-family:Helvetica, Arial, sans-serif !important;font-size:14px !important;font-weight:600 !important;color:#ffffff !important;background-color:#000000 !important;border-radius:2px !important;border-color:#000000 !important;border-width:0px !important;width:100% !important;border-style:solid;}
#tdLogo662464 img{margin-botton:10px; max-width:230px;}
</style>
<script type=”text/javascript”>
function CheckField662464(fldName, frm){ if ( frm[fldName].length ) { for ( var i = 0, l = frm[fldName].length; i < l; i++ ) { if ( frm[fldName].type ==’select-one’ ) { if( frm[fldName][i].selected && i==0 && frm[fldName][i].value == ” ) { return false; } if ( frm[fldName][i].selected ) { return true; } } else { if ( frm[fldName][i].checked ) { return true; } }; } return false; } else { if ( frm[fldName].type == “checkbox” ) { return ( frm[fldName].checked ); } else if ( frm[fldName].type == “radio” ) { return ( frm[fldName].checked ); } else { frm[fldName].focus(); return (frm[fldName].value.length > 0); }} }
function rmspaces(x) {var leftx = 0;var rightx = x.length -1;while ( x.charAt(leftx) == ‘ ‘) { leftx++; }while ( x.charAt(rightx) == ‘ ‘) { –rightx; }var q = x.substr(leftx,rightx-leftx + 1);if ( (leftx == x.length) && (rightx == -1) ) { q =”; } return(q); }
function checkfield(data) {if (rmspaces(data) == “”){return false;}else {return true;}}
function isemail(data) {var flag = false;if ( data.indexOf(“@”,0) == -1 || data.indexOf(“\\”,0) != -1 ||data.indexOf(“/”,0) != -1 ||!checkfield(data) || data.indexOf(“.”,0) == -1 || data.indexOf(“@”) == 0 ||data.lastIndexOf(“.”) < data.lastIndexOf(“@”) ||data.lastIndexOf(“.”) == (data.length – 1) ||data.lastIndexOf(“@”) != data.indexOf(“@”) ||data.indexOf(“,”,0) != -1 ||data.indexOf(“:”,0) != -1 ||data.indexOf(“;”,0) != -1 ) {return flag;} else {var temp = rmspaces(data);if (temp.indexOf(‘ ‘,0) != -1) { flag = true; }var d3 = temp.lastIndexOf(‘.’) + 4;var d4 = temp.substring(0,d3);var e2 = temp.length – temp.lastIndexOf(‘.’) – 1;var i1 = temp.indexOf(‘@’);if ( (temp.charAt(i1+1) == ‘.’) || ( e2 < 1 ) ) { flag = true; }return !flag;}}
function _checkSubmit662464(frm){
if ( !isemail(frm[“fldEmail”].value) ) {
alert(“Please enter the Email Address”);
return false;
}
return true; }
</script>
<div align=”center”>
<div class=”formbox-editor-662464″ style=”background: #fff; width: 320px;”>
<form style=”display:inline;” action=”https://lb.benchmarkemail.com//code/lbform” method=post name=”frmLB662464″ accept-charset=”UTF-8″ onsubmit=”return _checkSubmit662464(this);” >
<input type=hidden name=successurl value=”https://www.benchmarkemail.com/Code/ThankYouOptin” />
<input type=hidden name=errorurl value=”https://lb.benchmarkemail.com//Code/Error” />
<input type=hidden name=token value=”mFcQnoBFKMQD35dLybSws%2BZXUawFafLC0pq5z%2Fp2qkVSFnnfVOE3TQ%3D%3D” />
<input type=hidden name=doubleoptin value=”” /><fieldset><div class=”formbox-title-662464″></div></fieldset>
<fieldset class=”formbox-field-email-662464″>
<input type=text placeholder=”Email Address *” class=”formbox-field-662464″ name=”fldEmail” maxlength=100 />
</fieldset><fieldset><button type=”submit” id=”btnSubmit” krydebug=”1751″ class=”formbox-button-662464″>Subscribe</button></fieldset></form>
</div>
</div>Your form carries along styles, that’s why it’s different from the theme’s general layout.
Just paste in the form element and you should be OK.
OK thanks….which part of the code is the form element?
I think I got it…just this right?
<form style=”display:inline;” action=”https://lb.benchmarkemail.com//code/lbform” method=post name=”frmLB662464″ accept-charset=”UTF-8″ onsubmit=”return _checkSubmit662464(this);” >
<input type=hidden name=successurl value=”https://www.benchmarkemail.com/Code/ThankYouOptin” />
<input type=hidden name=errorurl value=”https://lb.benchmarkemail.com//Code/Error” />
<input type=hidden name=token value=”mFcQnoBFKMQD35dLybSws%2BZXUawFafLC0pq5z%2Fp2qkVSFnnfVOE3TQ%3D%3D” />
<input type=hidden name=doubleoptin value=”” /><fieldset><div class=”formbox-title-662464″></div></fieldset>
<fieldset class=”formbox-field-email-662464″>
<input type=text placeholder=”Email Address *” class=”formbox-field-662464″ name=”fldEmail” maxlength=100 />
</fieldset><fieldset><button type=”submit” id=”btnSubmit” krydebug=”1751″ class=”formbox-button-662464″>Subscribe</button></fieldset></form>
Yes, that’s it.
Thanks!
- The topic ‘Newsletter Widget not formating’ is closed to new replies.