-
AuthorPosts
-
September 19, 2017 at 7:55 pm #854008
Hello,
I’m referring to this topic:
https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439So the pop-up with the form is working fine, but the styling of the form is not applied with the set theme colors:
How can I solve this issue?
Thanks, Enrico
September 21, 2017 at 2:32 pm #854875Hey Enrico,
Here is the code for the button, you can put it in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
input[type="submit"], #submit { background-color: #109bc5; color: #fff; }
What are the styles for the header?
If you need further assistance please let us know.
Best regards,
VictoriaSeptember 22, 2017 at 8:25 am #855232Hello Victoria,
Thanks for your help. I just figured out that the whole form is not working within a lightbox. This means when I click the send button nothing happens. Also the required fields are not highlighted when they are empty. The hover effects are also not working.
If you want you can login and check those effects.
Thanks for help, Enrico
September 23, 2017 at 12:46 pm #855786Hi Enrico,
Could you add the form just to a page, possibly test page and test if it works at all, without lightbox first.
Best regards,
VictoriaSeptember 23, 2017 at 1:03 pm #855792Hi Victoria,
I did already and this works as it should work, no problems if I add it to the page directly.
Regards,
EnricoSeptember 24, 2017 at 3:28 pm #856052Hi Enrico,
The form is rendered outside of the #wrap_all element, the classes with validation are added, but css is not applied, since the selectors are not correct.
Could you please enable the Advanced Layout Builder debug mode . Here is how to do it: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/Why are you using 2 code blocks? You can put all of it in the same block.
Best regards,
Victoria- This reply was modified 7 years, 3 months ago by Victoria.
September 24, 2017 at 4:37 pm #856079Hi Victoria,
This page is anyway just a test page at the moment, but I need this function on several others pretty soon.
I activated the debug mode.regards, Enrico
September 25, 2017 at 10:59 am #856416Hi Enrico,
It’s not working with this code on my instance. Can you show me how you add it to the page and it’s working.
Best regards,
VictoriaSeptember 25, 2017 at 12:45 pm #856458Yes, this is another issue, which I just figured out. Sometimes the form pops up, sometimes not. I don’t know the reason for that.
regards, EnricoSeptember 26, 2017 at 3:32 pm #856976Hi Enrico,
NOt sure I understand, what you’re talking about in your last reply.
Best regards,
VictoriaSeptember 26, 2017 at 7:29 pm #857103Well, I’m saying that the pop-up is working randomly only. And I do not know the reason so far.
Since I’m using the pup-up on an other page, you can check it there. Its the same issue, but the pop-up is working. Only the form doesn’t work. Please find the access data below.regards
EnricoSeptember 27, 2017 at 1:05 pm #857481Hi Enrico,
You might consider a plugin to be able to get this working
https://wordpress.org/plugins/tags/popup-form/
and I will ask my colleague to have a look as well.Best regards,
VictoriaSeptember 27, 2017 at 1:54 pm #857489Hi,
As I understand there are 2 on going issues:
1. The custom CSS is not working for the popup form.
2. The popup form intermediately works.1. To target the popup form please try the below CSS
.postid-41 .avia_ajax_form .button { background: gold!important; }
For testing purpose we have added the above code in Enfold > General Styling > Quick CSS
2. I checked the form several times and it fired every sing time. If you still have an issue with it please let us know how we can re-produce the issue you are facing.
There is an alternate way to fire a popup and easily manage the popup content. If you like to give it a try. Please check the test page link in private. You can refer to this post for more info https://kriesi.at/support/topic/open-text-in-lightbox/#post-778499
Or as Victoria suggested you can try using a plugin.
Best regards,
Vinay- This reply was modified 7 years, 2 months ago by Vinay.
September 27, 2017 at 9:42 pm #857711Hello Victoria,
Okay, I didn’t thought about your idea to put the form on a separate page and open the page in a lightbox. I think I’ll go this way. Might be the easiest right now.
But to answer your comments to the pop-up:
Its not just the styling, also the form itself doesn’t work. This means I cannot send anything.
And yes, the pop-up on http://investoren-angebote.de opens every time you click on it, but not on the test page, which I was refering and using before.I’m just referring to the topic here:
https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439
Seems that it was working before. Maybe thats an option for any of your next enfold releases.regards
EnricoSeptember 28, 2017 at 11:42 am #857960Hi Enrico,
But if you have a form working on another page, did you just copy the code from there? Please create another test page, maybe there is a conflict on this page.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.