Okay
  Public Ticket #1492522
Aweber Form Design conflict
Closed

Comments

  • shahrirh started the conversation

    I’m having trouble with an opt-in form using Awber.

    Whenever I paste raw JS or raw HTML onto my webpage, the form looks totally different from the one I create on Aweber.

    ------------------------------------------------

    Webpage link: http://esqtraining.com/free-invitation/ 

    This is the original form (how it should look like):  https://forms.aweber.com/form/92/1872179392.htm

    This is how it looks now:   http://prntscr.com/inf9ifhttp://prntscr.com/inf9y8 

    The problem: 

    1- The font change into white, where it supposed to be black. 

    2- The label position move to the top when i click on the text field. Whereby it shouldn't move at all.

    -----------------------------------------------

    This might not be from Aweber’s end as i did not face the same problem using Gravity form or Contact Form 7.

    Is there anything I could configure in the theme or the page to prevent these design elements from being altered?

    Thanks.

  •  8,443
    Tahir replied

    Hey Again,

    Try Adjusting the Form Styling Options in the Salient Theme Options Panel : 

    Be.st 


    ThemeNectar Support Team 

  • shahrirh replied

    Hi Support, 

    Ya that work.

    But i like the Salient Form Design. I do not want to completely remove all Salient form setting.

    And i only need this to apply to this specific page, with aweber form.

    I think the problem is that, Salient form setting do not fully overwrite Aweber CSS. 

    Could you advice on how to change/override the aweber font color only (for label), to change from white to black?

    Or could you update the form css to override Aweber settings?


  •  8,443
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel 

    .af-element label {
        color: #000 !important;
    }

    Thanks


    ThemeNectar Support Team