Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • September 19, 2017 at 7:55 pm #854008
    enricobaumgart

    Hello,
    I’m referring to this topic:
    https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439

    So 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 #854875
    Victoria

    Hey 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,
    Victoria

    September 22, 2017 at 8:25 am #855232
    enricobaumgart

    Hello 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 #855786
    Victoria

    Hi 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,
    Victoria

    September 23, 2017 at 1:03 pm #855792
    enricobaumgart

    Hi Victoria,
    I did already and this works as it should work, no problems if I add it to the page directly.
    Regards,
    Enrico

    September 24, 2017 at 3:28 pm #856052
    Victoria

    Hi 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, 2 months ago by Victoria.
    September 24, 2017 at 4:37 pm #856079
    enricobaumgart

    Hi 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 #856416
    Victoria

    Hi 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,
    Victoria

    September 25, 2017 at 12:45 pm #856458
    enricobaumgart

    Yes, 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, Enrico

    September 26, 2017 at 3:32 pm #856976
    Victoria

    Hi Enrico,

    NOt sure I understand, what you’re talking about in your last reply.

    Best regards,
    Victoria

    September 26, 2017 at 7:29 pm #857103
    enricobaumgart

    Well, 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
    Enrico

    September 27, 2017 at 1:05 pm #857481
    Victoria

    Hi 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,
    Victoria

    September 27, 2017 at 1:54 pm #857489
    Vinay

    Hi,

    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, 1 month ago by Vinay.
    September 27, 2017 at 9:42 pm #857711
    enricobaumgart

    Hello 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
    Enrico

    September 28, 2017 at 11:42 am #857960
    Victoria

    Hi 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

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.