Formularz zapisu na listę adresową

[Toamszk]

Witajcie, aktualnie formularz wygląda tak:

Chciałbym aby niebieskie tło zniknęło, albo było przezroczyste, niestety nie potrafię sam tego zrobić.

Oto kod formularza.

<style type="text/css">#WFItem107613 html{color:#000 !important;background:#FFF !important;} #WFItem107613 body, #WFItem107613 div, #WFItem107613 dl, #WFItem107613 dt, #WFItem107613 dd, #WFItem107613 ul, #WFItem107613 ol, #WFItem107613 li, #WFItem107613 h1, #WFItem107613 h2, #WFItem107613 h3, #WFItem107613 h4, #WFItem107613 h5, #WFItem107613 h6, #WFItem107613 pre, #WFItem107613 code, #WFItem107613 form, #WFItem107613 fieldset, #WFItem107613 legend, #WFItem107613 input, #WFItem107613 textarea, #WFItem107613 p, #WFItem107613 blockquote, #WFItem107613 th, #WFItem107613 td{margin-left:0 !important;margin-right:0 !important;margin-top:0 !important;margin-bottom:0 !important;padding-left:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-top:0 !important;width:auto !important;background-image:none !important;} #WFItem107613 div, #WFItem107613 dl, #WFItem107613 dt, #WFItem107613 dd, #WFItem107613 ul, #WFItem107613 ol, #WFItem107613 li, #WFItem107613 h1, #WFItem107613 h2{border:none !important;background:none !important;float:none !important;width:auto !important;-moz-box-shadow:0 !important;-webkit-box-shadow:0 !important;box-shadow:0 !important;} #WFItem107613 table{border-collapse:collapse !important;border-spacing:0 !important;} #WFItem107613 fieldset, #WFItem107613 img{border:0 !important;} #WFItem107613 address, #WFItem107613 caption, #WFItem107613 cite, #WFItem107613 code, #WFItem107613 dfn, #WFItem107613 em, #WFItem107613 th, #WFItem107613 var{font-style:normal !important;font-weight:normal !important;} #WFItem107613 strong{font-style:normal !important;font-weight:bold !important;} #WFItem107613 em{font-style:italic !important;font-weight:normal !important;position:static !important;} #WFItem107613 li{list-style:none !important;}caption, #WFItem107613 th{text-align:left !important;} #WFItem107613 h1, #WFItem107613 h2, #WFItem107613 h3, #WFItem107613 h4, #WFItem107613 h5, #WFItem107613 h6{font-size:100% !important;font-weight:normal !important;} #WFItem107613 q:before, #WFItem107613 q:after{content: " " !important;} #WFItem107613 abbr, #WFItem107613 acronym{border:0 !important;font-variant:normal !important;} #WFItem107613 sup{vertical-align:text-top !important;} #WFItem107613 sub{vertical-align:text-bottom !important;} #WFItem107613 input, #WFItem107613 textarea, #WFItem107613 select{font-family:inherit !important;font-size:inherit !important;font-weight:inherit !important;height:auto !important;line-height:auto !important;} #WFItem107613 input, #WFItem107613 textarea, #WFItem107613 select{*font-size:100% !important;} #WFItem107613 legend{color:#000 !important;} #WFItem107613 .clearfix:after { visibility: hidden !important; display: block !important; font-size: 0 !important; content: " " !important; clear: both !important; height: 0 !important;} #WFItem107613 .clearer { clear:both !important; font-size:0.1px !important; height:0.1px !important; line-height:0.1px !important; width:100% !important;} #WFWrapper .close { background:url(https://app.getresponse.com/images/common/highslide/close.png) repeat scroll 0 0 transparent !important; cursor:pointer !important; height:30px !important; position:absolute !important; right:-15px !important; top:-15px !important; width:30px !important;z-index:1 !important;} #wfCloseX { background:url(https://app.getresponse.com/images/common/highslide/close.png) repeat scroll 0 0 transparent !important; cursor:pointer !important; height:30px !important; position:absolute !important; right:0 !important; top:0 !important; width:30px !important;z-index:1 !important; cursor:pointer !important;} #WFItem107613 .clrB {clear:both !important;text-align:left !important;} #WFItem107613 * html .clearfix { zoom: 1 !important;} #WFItem107613 *:first-child+html .clearfix { zoom: 1 !important;} #WFItem107613 .wf-contbox { width:100% !important;} li:before {content: "" !important;} #WFItem107613 form { display:inline-block !important; width:100% !important;} #WFItem107613 label { margin:0 !important;} #WFItem107613 p { line-height:18px !important; font-size:11px !important;} #WFItem107613 input[type=submit] { cursor:pointer !important;} #WFItem107613 {width:500px !important;} #WFItem107613 { color:#555555 !important; font-family:Arial,Helvetica,sans-serif !important; font-size:12px !important;} #WFItem107613 .wf-body li { padding:10px 15px !important; clear:both !important;} #WFItem107613 .actTinyMceElBodyContent ul li { padding:3px !important; list-style-type:disc !important;} #WFItem107613 .actTinyMceElBodyContent ol li { padding:3px !important; list-style-type:decimal !important;} #WFItem107613 .actTinyMceElBodyContent ul { margin-left: 20px !important;} #WFItem107613 .actTinyMceElBodyContent ol { margin-left: 25px !important;} #WFItem107613 .actTinyMceElBodyContent ol ol { margin-top: 0 !important; margin-bottom: 0 !important;} #WFItem107613 .wf-body { background-color:#a6979b !important; background-image:none !important; background-position:left top !important; background-repeat:no-repeat !important; border-color:#92757d !important; border-width:0px !important; border-style:None !important; padding-left:0 !important; padding-right:0 !important; padding-top:0 !important; padding-bottom:0 !important; -webkit-border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; border-top-left-radius: 0px !important;-webkit-border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-right-radius: 0px !important;-webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-bottom-left-radius: 0px !important;-webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; border-bottom-right-radius: 0px !important;} #WFItem107613 .wf-body { background-color:#3aa8d6 !important; min-height:220px !important;} #WFItem107613 .wf-header { color:#ffffff !important; background-color:#6b6262 !important; background-image:none !important; background-position:left top !important; background-repeat:no-repeat !important; border-color:#6b6262 !important; border-width:0px !important; border-style:None !important; padding-left:10px !important; padding-right:10px !important; padding-top:10px !important; padding-bottom:10px !important; display:block !important; min-height:42px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; border-top-left-radius: 0px !important;-webkit-border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-right-radius: 0px !important;-webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-bottom-left-radius: 0px !important;-webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; border-bottom-right-radius: 0px !important;} #WFItem107613 .wf-header { background-color:#FFF !important; background-image:url(https://www.getresponse.pl/images/common/webforms/1/12/1/img/arrow.png) !important; min-height:55px !important; color:#ffa800 !important; padding-left:80px !important;} #WFItem107613 .wf-footer { color:#ffffff !important; background-color:#6b6262 !important; background-image:none !important; background-position:left top !important; background-repeat:no-repeat !important; border-color:#6b6262 !important; border-width:0px !important; border-style:None !important; padding-left:10px !important; padding-right:10px !important; padding-top:10px !important; padding-bottom:10px !important; display:block !important; min-height:25px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; border-top-left-radius: 0px !important;-webkit-border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-right-radius: 0px !important;-webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-bottom-left-radius: 0px !important;-webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; border-bottom-right-radius: 0px !important;} #WFItem107613 .wf-footer { background-color:#FFF !important; min-height:16px !important;} #WFItem107613 .wf-input { padding:2px 0 !important; font-family:Arial !important; font-size:12px !important; color:#000000 !important; font-weight:normal !important; font-style:normal !important; text-decoration:none !important; background-color:#FFFFFF !important; border-width:1px !important; border-color:#919191 !important; border-style:solid !important; width:100% !important; -webkit-border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; border-top-left-radius: 0px !important;-webkit-border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-right-radius: 0px !important;-webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-bottom-left-radius: 0px !important;-webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; border-bottom-right-radius: 0px !important;} #WFItem107613 .wf-input { font-family:Arial !important; font-size:12px !important; color:#000000 !important; font-weight:normal !important; font-style:normal !important; text-decoration:none !important; background-color:#FFFFFF !important; border-width:1px !important; border-color:#919191 !important; border-style:solid !important; width:100% !important; -webkit-border-top-left-radius: 0px !important; -moz-border-radius-topleft: 0px !important; border-top-left-radius: 0px !important;-webkit-border-top-right-radius: 0px !important; -moz-border-radius-topright: 0px !important; border-top-right-radius: 0px !important;-webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-bottom-left-radius: 0px !important;-webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; border-bottom-right-radius: 0px !important;} #WFItem107613 .wf-input {border-width:1px !important; border-style:solid !important; border-color:#919191 !important;} #WFItem107613 .wf-label { font-family:Arial !important; font-size:12px !important; color:#ffffff !important; font-weight:bold !important; font-style:normal !important; text-decoration:none !important; padding-top:3px !important; padding-bottom:3px !important; padding-left:0 !important; padding-right:3px !important; display:block !important;} #WFItem107613 .wf-label { color:#FFF !important; font-weight:bold !important;} #WFItem107613 .wf-button { font-family:Arial !important;font-size:20px !important;color:#FFF !important;font-weight:bold !important;font-style:normal !important;text-decoration:none !important;background-color:#ffa800 !important;border-width:1px !important;border-color:#2b7ea0 !important;border-style:solid !important;padding-left:10px !important;padding-right:10px !important;padding-top:4px !important;padding-bottom:4px !important;-webkit-border-top-left-radius: 0px !important;-moz-border-radius-topleft: 0px !important;border-top-left-radius: 0px !important;-webkit-border-top-right-radius: 0px !important;-moz-border-radius-topright: 0px !important;border-top-right-radius: 0px !important;-webkit-border-bottom-left-radius: 0px !important;-moz-border-radius-bottomleft: 0px !important;border-bottom-left-radius: 0px !important;-webkit-border-bottom-right-radius: 0px !important;-moz-border-radius-bottomright: 0px !important;border-bottom-right-radius: 0px !important;} #WFItem107613 .wf-button:hover { !important;} #WFItem107613 .wf-submit { text-align:right !important;} #WFItem107613 .wf-submit { text-align:center !important;} #WFItem107613 .wf-labelpos { float:none !important; width:auto !important; text-align:left !important;} #WFItem107613 .wf-inputpos { float:none !important; width:auto !important;} #WFItem107613 .wf-privacy { font-family:Arial !important; font-size:12px !important; color:#ffffff !important; font-weight:normal !important; font-style:italic !important; text-decoration:none !important; text-align:center !important;} #WFItem107613 .wf-privacy { color:#FFF !important; text-align:center !important; font-style:italic !important;} #WFItem107613 .wf-privacyico { padding:4px 0 0 20px !important; background:url(https://www.getresponse.pl/images/core/webforms/lock.png) no-repeat left center !important;} #WFItem107613 .wf-counter { font-family:Arial !important; font-size:12px !important; color:#44454f !important; font-weight:bold !important; font-style:normal !important; text-decoration:none !important; text-align:center !important;} #WFItem107613 .wf-poweredby { font-family:Arial !important; font-size:10px !important; color:#ffffff !important; font-weight:normal !important; font-style:italic !important; text-decoration:none !important; text-align:center !important;} #WFItem107613 .wf-link { font-family:Arial !important; font-size:12px !important; color:#ffffff !important; font-weight:normal !important; font-style:normal !important; text-decoration:none !important;} #WFItem107613 .wf-link:hover { font-family:Arial !important; font-size:12px !important; color:#ffffff !important; font-weight:normal !important; font-style:normal !important; text-decoration:none !important;} #WFItem107613 .wf-text { font-family:Arial !important; font-size:12px !important; color:#ffffff !important;} #WFItem107613 .wf-text { color:#FFFFFF !important;} #WFItem107613 .wf-divider { border-top-width:1px !important; border-color:#ffffff !important; border-style:solid !important;} #WFItem107613 .wf-image { text-align:center !important;} #WFItem107613 .wf-privacylink { color:#ffffff !important; font-style:italic !important;} #WFItem107613 .wf-imgbox { overflow:hidden !important;} #WFItem107613 .wf-rc-reload { display:inline-block !important; width:16px !important; height:16px !important; overflow:hidden !important; text-indent:-99999px !important; position:relative !important; top:3px !important; margin-left:3px !important; background: url(https://www.getresponse.pl/images/core/webforms/captchaico.png) no-repeat 0 -32px !important;} #WFItem107613 .wf-rc-audio { display:inline-block !important; width:16px !important; height:16px !important; overflow:hidden !important; text-indent:-99999px !important; position:relative !important; top:3px !important; margin-left:3px !important; background: url(https://www.getresponse.pl/images/core/webforms/captchaico.png) no-repeat 0 0 !important;} #WFItem107613 .wf-rc-image { display:inline-block !important; width:16px !important; height:16px !important; overflow:hidden !important; text-indent:-99999px !important; position:relative !important; top:3px !important; margin-left:3px !important; background: url(https://www.getresponse.pl/images/core/webforms/captchaico.png) no-repeat 0 -16px !important;} #WFItem107613 #recaptcha_image { width:200px !important; height:38px !important;} #WFItem107613 #recaptcha_image img { width:200px !important; height:38px !important;} #WFItem107613 .wf-rc-boxm { width:200px !important; margin:0 auto !important; overflow:hidden !important;} #WFItem107613 em { color:inherit !important; font-style:italic !important;} #WFItem107613 .wf-counter span { color:#FFF !important;} </style><div id="WFItem107613" class="wf-formTpl"><form accept-charset="utf-8" action="https://app.getresponse.com/add_contact_webform.html" method="post"> <div class="box"><div id="WFIheader" class="wf-header el" style="display: none !important; height: 55px; "> <div class="actTinyMceElBodyContent"> <p> <span style="font-size: 24px; ">Nagłówek</span> </p> </div> <em class="clearfix clearer"></em></div><div id="WFIcenter" class="wf-body"><ul class="wf-sortable" id="wf-sort-id"> <li class="wf-name" rel="temporary" style="display: none !important; "><div class="wf-contbox"> <div class="wf-labelpos"> <label class="wf-label">Nazwa:</label> </div> <div class="wf-inputpos"> <input class="wf-input wf-valid__length1to255" type="text" name="name" id="acpro_inp6"></input> </div> <em class="clearfix clearer"></em> </div></li><li class="wf-email" rel="undefined" style="display: block !important; "><div class="wf-contbox"> <div class="wf-labelpos"> <label class="wf-label">Adres email:</label> </div> <div class="wf-inputpos"> <input class="wf-input wf-req wf-valid__email" type="text" name="email" id="acpro_inp7"></input> </div> <em class="clearfix clearer"></em> </div></li><li class="wf-submit" rel="undefined" style="display: block !important; "><div class="wf-contbox"> <div class="wf-inputpos"> <input type="submit" class="wf-button" name="submit" value="Zapisz się!" style="width: 122px !important; display: inline !important; "></input> </div> <em class="clearfix clearer"></em> </div></li><li class="wf-counter" rel="undefined" style="display: none !important; "><div class="wf-contbox"><div><span style="padding-top: 4px; padding-right: 6px; padding-bottom: 8px; padding-left: 24px; background-image: url(https://app.getresponse.com/images/core/webforms/countertemplates.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: 0% 0px; background-repeat: no-repeat no-repeat; " class="wf-counterbox"><span class="wf-counterboxbg" style="padding-top: 4px; padding-right: 12px; padding-bottom: 8px; padding-left: 5px; background-image: url(https://app.getresponse.com/images/core/webforms/countertemplates.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: 100% -36px; background-repeat: no-repeat no-repeat; "><span class="wf-counterbox0" style="padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; "></span><span style="padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; " name="https://app.getresponse.com/display_subscribers_count.js?campaign_name=dawidjurczyk&var=0" class="wf-counterbox1 wf-counterq">0</span><span style="padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; " class="wf-counterbox2"> subscribers</span></span></span></div></div></li><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> </li><li class="wf-privacy" rel="temporary" style="display: none !important; "><div class="wf-contbox"><div><a class="wf-privacy wf-privacyico" href="https://app.getresponse.com/permission-seal" style="height: 0px !important; display: inline !important; ">Dbamy o Twoją prywatność<em class="clearfix clearer"></em></a></div><em class="clearfix clearer"></em></div></li><li class="wf-poweredby" rel="temporary" style="display: none !important; "><div class="wf-contbox"><div><span class="wf-poweredby wf-poweredbyico" style="display: none !important; "><a class="wf-poweredbylink wf-poweredby" href="https://app.getresponse.com/" style="display: inline !important; ">Email Marketing</a> by GetResponse</span></div></div></li> </ul></div><div id="WFIfooter" class="wf-footer el" style="display: none !important; height: 16px; "> <div class="actTinyMceElBodyContent"></div> <em class="clearfix clearer"></em></div></div> <input type="hidden" name="webform_id" value="107613"/></form></div><script type="text/javascript" src="https://app.getresponse.com/view_webform.js?wid=107613&mg_param1=1"></script>

[wostrek2]

Co to znaczy przezroczyste? Pulpit chcesz widzieć?

EDIT:

zmień

...
#WFItem107613 .wf-body { background-color:#3aa8d6 !important; min-height:220px !important;}
...

na

...
#WFItem107613 .wf-body { background-color:#FFF !important; min-height:220px !important;}
...

lub dowolną inną wartość background-color i daj znać czy pomogło.

[Toamszk]

Hej, niestety zmiana na FFF właściwie nic nie daje, bo kolor jest biały, a mi potrzeba aby tło zapisu na listę było przezroczyste

próbowałem zamiast fff wpisywać transparent, ale to nic nie daje.

Oczywiście obrazek pod formularzem jest ustawiony w stylach jako tło

[EDIT]

Ok, udało mi się, pozmieniałem wszystkie wartości #fff na transparent i załapało

Dzięki za pomoc