Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #392719

    Hi,

    I need your assistance. I’ve created contact form in the “Contact Form 7” plugin and posted it on the blank page. Now I want to open this page in iFrame with the given size (for example 300*400px). I know that I can open the link in iFrame if I will add “?iframe=true” to the end of the link, but I can’t to set the size of the iFrame window. How can I set the size of the iFrame window?

    Thanks,
    Sergey

    #392908

    Hi GreyRat!

    Try to add this to you Quick CSS:

    .mfp-iframe-holder .mfp-content {
      max-width: 800px !important;
      max-height: 600px !important;
    }

    Cheers!
    Rikard

    #394701

    Hi Rikard,

    Thank you, it’s working. How can I change the ratio for the width and height? If I will write:
    .mfp-iframe-holder .mfp-content {
    max-width: 600px !important;
    max-height: 800px !important;
    }
    the iFrame will be with width – 600px, but height less than 800 (and less than 600px too). Why it happened?

    Thanks,
    Sergey

    #394723

    Hi Sergey,

    Can you post the link to your website please?

    Regards,
    Josue

    #394744
    This reply has been marked as private.
    #394824

    Hi Sergey!

    Try adding this:

    .mfp-wrap {
        height: initial !important;
    }
    
    .mfp-iframe-holder .mfp-content iframe{
        height: 600px;
    }

    Change height: 600px; by the height you want for the popup.

    Regards,
    Josue

    #394948

    Josue,

    Thank you, it helped with height. Can I use the same code for the width?
    After that I’ve added your code I found a problem with iFrame – all iFrame windows moved from the center of the page to the top. How to fix it?

    Thanks,
    Sergey

    • This reply was modified 9 years, 1 month ago by GreyRat.
    #395302

    Hey Sergey!

    For the width use this code:

    .mfp-iframe-holder .mfp-content{
    	width: 350px;
    }

    And yes, this modifications will affect all iframe popups on the site.

    Cheers!
    Josue

    #395376

    Josue,

    Thank you so much. Last question: all iFrame windows opening at the top of page, but previously they were opened at the center of the page. How to fix it?

    Thanks,
    Sergey

    #395399

    Hey!

    It’s because of:

    .mfp-wrap {
    	height: initial !important;
    }

    Try removing it.

    Best regards,
    Josue

    #395546

    Josue,

    Thanks, it’s working :).
    And yesterday I’ve found the following issue with iFrame – some of the iFrame windows are opening with “scrolling” arrows (like slider). All buttons and links to iFrame are identical. Is it bug or fixable?

    Thanks,
    Sergey

    #395548

    Hey Sergey!

    Add this:

    button.mfp-arrow {
        display: none;
    }

    Regards,
    Josue

    #395551

    Josue,

    Everything is ok. Thank you very much for the assistance.

    Thanks,
    Sergey

    #395552

    You are welcome Sergey, glad to help :)

    Regards,
    Josue

    #412019
    This reply has been marked as private.
    #412504

    Hey Mary-Ann!

    I’m not familiar with that plugin but i think setting a higher height than 700px should do the fix.

    Best regards,
    Josue

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