Jump to content


Photo
- - - - -

Aweber Form Code On Page

css aweber

  • Please log in to reply
7 replies to this topic

#1 walter arrighetti

walter arrighetti

    Advanced Member

  • Members

  • 34 posts
  • Country: Country Flag

Posted 10 November 2012 - 09:32 PM

Hi there,

I am trying to create a squeeze page on my worpress blog

Please Login or Register to see this Hidden Content



I have pasted my Aweber form code on a Pagelines new Page - on html editor -

but it seems that css has no effect.


So all you can visualize on the browser are the 2 plain input fileds of the form

without graphic and typographic elements


I've tryied to coustomize Css by pasting aweber css into > Pagelines > Site option > Custom code > Css/Less rule.

Maybe I have missed some advanced settings on the Theme?

Thanks for any idea about fixing that...


Ciao everybody!
walter

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 10 November 2012 - 09:55 PM

Buongiorno Walter,

I've not used Aweber before. At the moment, I can see a two field form on your site in the right sidebar, with graphics and typography.

Where did you place the code for this form? Was it in a sidebar (widget) or, was it in the body of a page?

#3 walter arrighetti

walter arrighetti

    Advanced Member

  • Members

  • 34 posts
  • Country: Country Flag

Posted 13 November 2012 - 06:11 PM

buongiorno Maestro!

I hope "tutto bene lì"...

Yes, my home page is all right with sidebar widgets.

my Wordpress page I'm talking about is:

Please Login or Register to see this Hidden Content



This is what Aweber customer assistant wrote in replying to my ticket:

(...) No CSS coding or graphic design.

Typically when this happens, it is a result of your theme or
wordpress in general stripping out or ignoring the AWeber CSS
code altogether. When I view your source code, I do not see any
CSS code at all.


You would have to edit the CSS/style sheet of

your page to see what code is overriding the form.

I do see that you numerous style sheets and

CSS codes and I wouldn't be able to pinpoint the exact code that is
over riding the form code.

This is a typical issue with wordpress which is why we created the
sidebar widget. I suggest trying to place a text widget within your
page and place the code directly into the widget to see if that helps
produces better results for you."


The problem is I tryied:

1) editing Css in Dashboard > Site option > Custome code

2) placing a text widget into my page

But I din't got through that.


I suppose I miss the essential infos...

Blessing.

FelicitĂ  e salute


#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 13 November 2012 - 06:21 PM

What CSS are you trying to use?

#5 walter arrighetti

walter arrighetti

    Advanced Member

  • Members

  • 34 posts
  • Country: Country Flag

Posted 13 November 2012 - 08:54 PM

Hi, if you mean Aweber Css, here it is:


<style type="text/css">
#af-form-1999941564 .af-body .af-textWrap{width:70%;display:block;float:right;}
#af-form-1999941564 .af-body a{color:#277813;text-decoration:none;font-style:normal;font-weight:normal;}
#af-form-1999941564 .af-body input.text, #af-form-1999941564 .af-body textarea{background-color:#FFFFFF;border-color:#919191;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-1999941564 .af-body input.text:focus, #af-form-1999941564 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-1999941564 .af-body label.previewLabel{display:block;float:left;width:25%;text-align:right;color:#403B40;text-decoration:none;font-style:normal;font-weight:normal;font-size:16px;font-family:Tahoma, serif;}
#af-form-1999941564 .af-body{padding-top:300px;background-repeat:no-repeat;background-position:top;background-image:url("

Please Login or Register to see this Hidden Content

);color:#000000;font-size:12px;font-family:Arial, sans-serif;}
#af-form-1999941564 .af-footer{padding-bottom:3px;padding-top:3px;padding-right:20px;padding-left:20px;background-color:transparent;background-repeat:no-repeat;background-position:bottom left;background-image:none;border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#000000;font-size:12px;font-family:Arial, sans-serif;}
#af-form-1999941564 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-1999941564 .af-quirksMode{padding-right:30px;padding-left:0px;}
#af-form-1999941564 .af-standards .af-element{padding-right:30px;padding-left:0px;}
#af-form-1999941564 .bodyText p{margin:1em 0;}
#af-form-1999941564 .buttonContainer input.submit{background-image:none;background-color:#F0F0F0;color:#524E52;text-decoration:none;font-style:normal;font-weight:normal;font-size:16px;font-family:Arial, sans-serif;}
#af-form-1999941564 .buttonContainer input.submit{width:auto;}
#af-form-1999941564 .buttonContainer{text-align:center;}
#af-form-1999941564 body,#af-form-1999941564 dl,#af-form-1999941564 dt,#af-form-1999941564 dd,#af-form-1999941564 h1,#af-form-1999941564 h2,#af-form-1999941564 h3,#af-form-1999941564 h4,#af-form-1999941564 h5,#af-form-1999941564 h6,#af-form-1999941564 pre,#af-form-1999941564 code,#af-form-1999941564 fieldset,#af-form-1999941564 legend,#af-form-1999941564 blockquote,#af-form-1999941564 th,#af-form-1999941564 td{float:none;color:inherit;position:static;margin:0;padding:0;}
#af-form-1999941564 button,#af-form-1999941564 input,#af-form-1999941564 submit,#af-form-1999941564 textarea,#af-form-1999941564 select,#af-form-1999941564 label,#af-form-1999941564 optgroup,#af-form-1999941564 option{float:none;position:static;margin:0;}
#af-form-1999941564 div{margin:0;}
#af-form-1999941564 fieldset{border:0;}
#af-form-1999941564 form,#af-form-1999941564 textarea,.af-form-wrapper,.af-form-close-button,#af-form-1999941564 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-1999941564 input,#af-form-1999941564 button,#af-form-1999941564 textarea,#af-form-1999941564 select{font-size:100%;}
#af-form-1999941564 p{color:inherit;}
#af-form-1999941564 select,#af-form-1999941564 label,#af-form-1999941564 optgroup,#af-form-1999941564 option{padding:0;}
#af-form-1999941564 table{border-collapse:collapse;border-spacing:0;}
#af-form-1999941564 ul,#af-form-1999941564 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;}
#af-form-1999941564,#af-form-1999941564 .quirksMode{width:304px;}
#af-form-1999941564.af-quirksMode{overflow-x:hidden;}
#af-form-1999941564{background-color:#EBEBEB;border-color:#6B686B;border-width:2px;border-style:dashed;}
#af-form-1999941564{display:block;}
#af-form-1999941564{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-footer{margin-bottom:0;margin-top:0;padding:10px;}
.af-form-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}
body {
}
</style>

#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 12988 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 14 November 2012 - 08:40 AM

Hi,

Please remove these two lines from the code, then it should load.

<style type="text/css">
</style>

#7 walter arrighetti

walter arrighetti

    Advanced Member

  • Members

  • 34 posts
  • Country: Country Flag

Posted 06 December 2012 - 10:37 AM

hi, I had missed your last message post on 14 nov., what's more since 15 nov. I had to interrupt all my activities on line,

for serious health reasons.

 

Back to this issue, Danny, I tryied to do that but I missed something... In the preview I can see anly the code...



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 12988 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 December 2012 - 11:15 AM

What I meant was this is how I think it should work, but I have never used aWeber so not one hundred percent sure. Basically, add the Aweber CSS to your custom CSS.

 

Then add the form code to your page and make sure that you're on the HTML tab. This should resolve your issue.

 

Also, in future when wishing to share custom code, please use our paste service and do not paste the code in the forum.

 

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: css, aweber