Comments shahrirh started the conversationMarch 6, 2018 at 4:45amI’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.htmThis is how it looks now: http://prntscr.com/inf9if & http://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. 9,016Tahir repliedMarch 6, 2018 at 10:29amHey Again, Try Adjusting the Form Styling Options in the Salient Theme Options Panel : Be.st ThemeNectar Support Team shahrirh repliedMarch 6, 2018 at 10:56amHi 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? 9,016Tahir repliedMarch 6, 2018 at 11:09amAdd this into the Custom CSS box located in your Salient Options panel .af-element label { color: #000 !important; } Thanks ThemeNectar Support Team Sign in to reply ...
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/inf9if & http://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.
Hey Again,
Try Adjusting the Form Styling Options in the Salient Theme Options Panel :
ThemeNectar Support Team
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?
Add this into the Custom CSS box located in your Salient Options panel
Thanks
ThemeNectar Support Team