Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 20, 2015 at 1:59 am #539309
    tremblayly

    Hi
    Josue asked I open a new ticket so he could help me with integrating the forms on my website: http://lysetremblayjewelry.ca

    I have included login credentials below.

    Thanks
    Lyse

    November 21, 2015 at 4:23 am #540065
    Josue

    Hi Lyse!

    Check the link in private. Let me know if you have any doubts or questions.

    Regards,
    Josue

    November 21, 2015 at 4:51 pm #540175
    tremblayly

    Hi Josue
    I added my form, just below the sample text in the lightbox element, [mc4wp_form id=”10653″] but the lightbox does not load.

    I’m not sure how to use it.
    Thanks
    Lyse

    November 23, 2015 at 12:09 pm #540663
    Josue

    Hey Lyse!

    After 3 seconds, the lightbox does load, on my end – http://screencast.com/t/AmfHTx0M1

    Regards,
    Josue

    November 28, 2015 at 9:16 pm #544005
    tremblayly

    Hi Josue,

    Sorry for the long delay in responding. I was traveling.

    It does not show when the page load.

    Lyse

    November 28, 2015 at 11:10 pm #544031
    Josue

    Hi!

    In the Code Block, change the timeout from 3000 to 0.

    Regards,
    Josue

    November 30, 2015 at 6:51 pm #544732
    tremblayly

    Hi Josue,
    That worked!
    How to I style the popup so it does not take the entire width of the screen and the content is centered. I also don’t know how to get rid the divider that appears on the right side of the text. I have a link here to a snapshot: https://www.dropbox.com/s/zadkihgfvtz5fw2/pop%20up.jpg?dl=0

    Thanks
    Lyse

    November 30, 2015 at 8:47 pm #544791
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .mfp-content .container .av-content-small.units{
    width: 100% !important;
    border: 0;
}

.mfp-content .avia_textblock span{
    display: block;
    clear: both;
}

.mfp-content div#inline_content {
    max-width: 800px;
    margin: 0 auto;
    float: none;
}

    Cheers! 
    Josue

    November 30, 2015 at 9:16 pm #544799
    tremblayly

    Hi Josue,

    Once I made the div#inline_content max-width “important” all works perfectly!
    .
    Thank you thank you thank you!
    Lyse

    November 30, 2015 at 10:02 pm #544826
    Josue

    You are welcome, glad to help :)

    I’ll leave the Code Block code here in case anyone else wants to replicate this:

    (function($){
    $(window).load(function() {
        
    	$('.inline_popup').magnificPopup({
    	  type:'inline',
    	  midClick: true 
    	});

    	setTimeout(function(){ $('.inline_popup').trigger('click') }, 0); // change this if you want the timer to be longer

    });
})(jQuery);

    Regards,
    Josue

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