Hello, I installed the Thrive Leads plugin on my site but I am not able to edit the imput or text styles within the plugin. All the forms mantain the "minimal form imput" CSS styles of Salient. I switched themes (from Salient to a generic theme) and the Thrive Leads plugin now worked.
It seems that Salient and Thrive leads forms that I have created may use the same class for text imputs, h2 and other elements… and that breaks the layout.
No i am afraid the Markup html is likely different so it cant be used at the moment and would require custom code to be added particularly for the Thrive Leads .
Sorry, I think I explained wrong, I wanted to use the minimal style in the elements where I was already using it, that is, in all forms of my website, but not in thrive leads. Now thrive leads works fine after disabling form styles, but that means discarding the style that contact forms etc had before.
Is there any way I can apply css only to these elements?
No the styles are applied to the Entire site . Adding in a check too would require code changes and since they cant be made child theme compatible it is not advised to edit JS files.
I realized that it was finally not working properly. In spite of having disabled the styles of forms, it continues maintaining other styles different from those of the of Thrive Leads builder. Is there any solution?
Hello, I installed the Thrive Leads plugin on my site but I am not able to edit the imput or text styles within the plugin. All the forms mantain the "minimal form imput" CSS styles of Salient. I switched themes (from Salient to a generic theme) and the Thrive Leads plugin now worked.
It seems that Salient and Thrive leads forms that I have created may use the same class for text imputs, h2 and other elements… and that breaks the layout.
Builder: http://www.screencast.com/t/618mheVkwAi
Post: http://www.screencast.com/t/hAlaegq4FaE
I contacted the developer and they said that it is a jQuery issue on the Theme. This is what they said…
“Basically, the latest WordPress update introduced a new version of jQuery and it created trouble with a lot of themes. Even popular names like Divi, Enfold and a lot of other themes from ThemeForest are affected https://wordpress.org/support/topic/read-this-first-wordpress-45-master-list
Usually, theme developers released updates that address the issue but were they didn’t, this kind of issues occurs.
They said I can fix it by removing some jQuery using this article: https://thrivethemes.com/tkb_item/jquery-conflicts-quick-fix/
What should I do?
Can you please help?
Thanks!
Hey A,
Please turn off the Form Styling Options and check :
ThemeNectar Support Team
Thanks Tahir!!! It worked :)
But now I can't use "Minimal" form style in other elements like contact form 7.
Is it possible to use minimal form styles without breaking the layout of Thrive Leads forms?
Thank you very much!
Alvaro.
Hey Again,
No i am afraid the Markup html is likely different so it cant be used at the moment and would require custom code to be added particularly for the Thrive Leads .
Best.
ThemeNectar Support Team
Thanks.
Sorry, I think I explained wrong, I wanted to use the minimal style in the elements where I was already using it, that is, in all forms of my website, but not in thrive leads. Now thrive leads works fine after disabling form styles, but that means discarding the style that contact forms etc had before.
Is there any way I can apply css only to these elements?
No the styles are applied to the Entire site . Adding in a check too would require code changes and since they cant be made child theme compatible it is not advised to edit JS files.
Best.
ThemeNectar Support Team
Thanks again Tahir,
I realized that it was finally not working properly. In spite of having disabled the styles of forms, it continues maintaining other styles different from those of the of Thrive Leads builder. Is there any solution?
Example: http://alvaropmarketing.com/apple-vs-microsoft-quien-hace-mejor-copywriting/
The Salient Theme is adding certain css to style the Fields so in order to keep the thrive ones you will need css overrides as added below.
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
#tve_30_set .thrv_lead_generation .tve_lg_input_container.tve_lg_input input[type="text"], #tve_30_set .thrv_lead_generation .tve_lg_input_container.tve_lg_input input[type="email"] { border-radius: 0; border: 0 !important; background: rgba(0,0,0,0.2) !important; color: #fff !important; font-size: 22px !important; font-weight: 300; height: auto; line-height: 28px; padding: 13px 20px !important; } #tve_30_set .thrv_lead_generation.tve_white .tve_submit_container.tve_lg_submit button { color: #666; padding: 11px 10px !important; border-radius: 5px !important; }Thanks
ThemeNectar Support Team