Help Please

This been doing my head in for the last 2 weeks, had a coder look at it who can’t fix it as he says the theme overrides the code in the codebox.
I have a horizontal optin under slider and can not get it sitting directly under, nor get the black background to just fit the optin text height wise nor get the name fields and sign up box in line.

Ive also tried adding this code to the general styling .dc_optin {
padding: 2px 2px;
}

and this is the code my coder put into code box

<div id=”WFItem10651503″ class=”wf-formTpl letter-index”>
<form accept-charset=”utf-8″ class=”form form-inline text-center” action=”https://app.getresponse.com/add_contact_webform.html?u=SJQX&#8221;
method=”post” role=”form”>
<div class=”wf-box”>

<div id=”WFIcenter” class=”wf-body”>
<div class=”form-group”>
<p class=”letter-index-p”><i class=”fa fa-star”></i> Subscribe to Our Newsletter & Stay Healthy <i class=”fa fa-star”></i></p>
</div>
<div class=”form-group”>
<div class=”wf-contbox”>
<div class=”wf-inputpos”>
<input class=”wf-input form-control” type=”text” name=”name” placeholder=”Your name”>
</div>
</div>
</div>

<div class=”form-group”>
<div class=”wf-contbox”>
<div class=”wf-inputpos”>
<input class=”wf-input wf-req wf-valid__email form-control” type=”text” name=”email” placeholder=” (Email address hidden if logged out) “>
</div>
</div>
</div>

<div class=”form-group”>
<div class=”wf-contbox”>
<div class=”wf-inputpos”>
<input type=”submit” class=”wf-button btn btn-success letter-but form-control” name=”submit” value=”Sign Up!”>
</div>
<em class=”clearfix clearer”>
</div>
</div>

<li class=”wf-counter” rel=”undefined” style=”display: none !important;”>
<div class=”wf-contbox”>
<div>
<span style=”padding: 4px 6px 8px 24px; background: url(https://app.getresponse.com/images/core/webforms/countertemplates.png) 0% 0px no-repeat;”
class=”wf-counterbox”>
<span class=”wf-counterboxbg” style=”padding: 4px 12px 8px 5px; background: url(https://app.getresponse.com/images/core/webforms/countertemplates.png) 100% -36px no-repeat;”>
<span class=”wf-counterbox0″ style=”padding: 5px 0px;”>subscribed:</span>
<span style=”padding: 5px;” name=”https://app.getresponse.com/display_subscribers_count.js?campaign_name=pureandsimplesmoothierecipes&var=0&#8243;
class=”wf-counterbox1 wf-counterq”>0</span>
<span style=”padding: 5px 0px;” class=”wf-counterbox2″></span>
</span>
</span>
</div>
</div>

<li class=”wf-captcha” rel=”undefined” style=”display: none !important;”>
<div class=”wf-contbox wf-captcha-1″ id=”wf-captcha-1″ wf-captchaword=”Enter the words above:”
wf-captchasound=”Enter the numbers you hear:” wf-captchaerror=”Incorrect please try again”></div>

</div>
<div id=”WFIfooter” class=”wf-footer el” style=”height: 25px; display: block !important;”>
<div class=”actTinyMceElBodyContent”></div>
<em class=”clearfix clearer”>
</div>
</div>
<input type=”hidden” name=”webform_id” value=”10651503″ />
</form>
</div>

Any help truly appreciated.