Support » Plugin: Popups for Divi » Full Screen Popup?

  • Resolved candyshopmedia

    (@candyshopmedia)


    Password for the link I shared is BGM

    Is there a way to make these popups full screen?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Philipp Stracker

    (@strackerphil-1)

    Hi @candyshopmedia

    Unfortunately, I could not see any popups. However, it is possible to make a popup full-screen via CSS. Simply add this CSS to your page and adjust “#popup-1” to your actual Popup-ID

    .popup#popup-1 {
        height: 100vh;
        width: 100vw;
        max-width: none;
    }

    Also, there is a JS event system integrated in the plugin that you can use to modify popups

    // Modify popup on page load, while it is still hidden:
    jQuery(document).on('DiviPopup:Init', function( event, popup ) {
        if ( 'example' === popup.attr('id') ) {
            // Change popup layout/position/etc.
        }
    });
    
    // Modify popup everytime it is displayed:
    jQuery(document).on('DiviPopup:Opened', function( event, popup ) {
        if ( 'example' === popup.attr('id') ) {
            // Change popup layout/position/etc.
        }
    });

    I’m setting this as resolved for now. In case you still need my assistance with this, then let me know here 🙂

    Philipp

Viewing 1 replies (of 1 total)
  • The topic ‘Full Screen Popup?’ is closed to new replies.