Tagged: ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 8, 2015 at 1:20 pm #392719
    GreyRat

    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

    February 9, 2015 at 9:47 am #392908
    Rikard

    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

    February 11, 2015 at 9:58 pm #394701
    GreyRat

    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

    February 11, 2015 at 10:33 pm #394723
    Josue

    Hi Sergey,

    Can you post the link to your website please?

    Regards,
    Josue

    February 11, 2015 at 10:51 pm #394744
    GreyRat
    This reply has been marked as private.
    February 12, 2015 at 4:38 am #394824
    Josue

    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

    February 12, 2015 at 12:40 pm #394948
    GreyRat

    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, 9 months ago by GreyRat.
    February 12, 2015 at 8:30 pm #395302
    Josue

    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

    February 12, 2015 at 10:07 pm #395376
    GreyRat

    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

    February 12, 2015 at 11:01 pm #395399
    Josue

    Hey!

    It’s because of:

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

    Try removing it.

    Best regards,
    Josue

    February 13, 2015 at 8:49 am #395546
    GreyRat

    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

    February 13, 2015 at 9:25 am #395548
    Josue

    Hey Sergey!

    Add this:

    button.mfp-arrow {
    display: none;
}

    Regards,
    Josue

    February 13, 2015 at 9:35 am #395551
    GreyRat

    Josue,

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

    Thanks,
    Sergey

    February 13, 2015 at 9:38 am #395552
    Josue

    You are welcome Sergey, glad to help :)

    Regards,
    Josue

    March 16, 2015 at 11:07 am #412019
    studioinktvis
    This reply has been marked as private.
    March 16, 2015 at 7:55 pm #412504
    Josue

    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

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