Okay
  Public Ticket #3129773
Control the size of the popup that opens when clicking on a call to action button
Closed

Comments

  • Jose Maria Garcia started the conversation

    Hi again,

    I have been working on point 1 that I mentioned in my previous message (being able to use advanced HTML and shortcodes in the podcast episode description text box), and I have seen that the plugin offers the possibility of adding a call to action button that allows you to open a popup where advanced HTML and shortcodes are allowed here.

    This would be perfect for me to be able to embed a PDF in the popup with the documentation related to the podcast episode.

    But there is a problem: I can't control the size of the popup and it looks really bad, it looks completely tiny.

    Right now I'm trying to put <iframe> in the code of the popup and with that it seems that I can control it a bit, but it is not the most appropriate.

    Is there any way to control the size of the popup? (bearing in mind that it cannot be hard-coded into a JavaScript file or a PHP file, since the size can vary depending on the content associated with each episode of the podcast, it should be a configurable parameter)

    On the other hand, also mention that it would be a good idea for the call to action buttons to be allowed to use our own icons that we have uploaded to WordPress (for example, svg files).

    Regards.

  •  1,103
    Max replied

    Hi,

    what is your URL so i can check into your issue?


    Thanks,


    Max from the Sonaar.io Crew

  •   Jose Maria Garcia replied privately
  •  1,103
    Max replied

    I see there is a shortcode into your lightbox: https://d.pr/i/Pkajr3

    but we don't support shortcode in this lightbox for security purpose at this time.

    Thanks,


    Max from the Sonaar.io Crew

  •   Jose Maria Garcia replied privately
  •  1,103
    Max replied

    add this to your custom css;

    @media (min-width: 576px){
    #sonaar-modal .sr_popup-dialog {
        width: 100%;
    }}
    

    Thanks,


    Max from the Sonaar.io Crew