Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 15, 2016 at 6:36 pm #687047
    lzevon

    I figured out how to use the enfold iframe lightbox feature and scale the modal window itself. However, inside the lightbox itself, I’m trying to add a margins or padding around the content. I’ve tried all the classes I could identify (e.g. interior-modal, modal-header, modal-body, etc) to add the max-width, padding or margins, but no matter what I try, the contents are pressed up against the edges of the modal window (which I don’t want).

    You can see what I’m looking for in the private information below. Thanks for any information to get this sorted-out!

    September 19, 2016 at 6:29 am #688288
    Ismael

    Hi lzevon!

    Thank you for using Enfold.

    Please replace this code:

    .page-id-1102 .mfp-iframe-scaler {
    max-width: 598px;
    height: 925px;
}

    .. with:

    .page-id-1102 .mfp-iframe-scaler {
    max-width: 598px;
    height: 925px;
    margin: 0 auto;
}

.interior-modal {
    padding: 20px;
}

    Best regards,
    Ismael

    September 19, 2016 at 3:40 pm #688547
    lzevon

    Hm – still no luck and I tried combinations of what you suggested, with and without !important, declared values, etc.

    September 22, 2016 at 6:24 am #690071
    Ismael

    Hey!

    The margin value should be “0 auto”, not “0 20px”. And regarding the “interior modal” container padding, please post the login details here so that we can check the settings. It is inside an iframe so it’s possible that we can’t modify the styling of the content. Please contact the script or page author.

    // https://www.nps.gov/common/utilities/sendmail/sendemail.cfm?o=4997D2BA93DDAA8397BA00BCFC03BFAC6693569C12B18389&r=/frla/planyourvisit/walks-and-talks.htm?iframe=true

    Regards,
    Ismael

    September 22, 2016 at 3:25 pm #690305
    lzevon

    I set it back to the way you suggested, it just wasn’t working so I played with it. The padding on the link I provided is what I’m after.

    September 27, 2016 at 3:56 am #692041
    Ismael

    Hi,

    I set it back to the way you suggested, it just wasn’t working so I played with it. The padding on the link I provided is what I’m after.

    Yes, that’s what we are trying to fix but since that is an external page, it is possible that the style can’t be modified on our side. You have to do the modifications in the actual html page.

    Please post the login details here so that we can check the settings.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘iframe lightbox padding’ is closed to new replies.