Add an inside border to Fancybox

  • Resolved greenterri

    (@greenterri)


    11 years, 5 months ago

    I could not figure out how to add an inside border inside the iframe other than putting the border directly around the content within the html code. This is not optimal for us because of screen size. It is beautiful on my screen, with scrolling, however on my partners much larger screen the iframe is much longer than the content, without scrolling, and the border stops at the end of the last paragraph of the content. See here:
    https://emarketwebdraft3.com/group-benefits/
    Click on either of the first 5 links in the sidebar to see the popups. You will see the popup with the border around the content. Is there a way to do this exact same thing but put the border on the iframe so if it is longer than the content the border would appear the full length of the iframe as seen according to screen size.

    https://www.ads-software.com/plugins/easy-fancybox/

Viewing 3 replies - 1 through 3 (of 3 total)

  • You could move the border to the body tag:

    <body style="border: double #024c97; padding: 20px 20px;">
...
</body>
    Thread Starter greenterri

    (@greenterri)

    Thanks but that did not work due to how we have the page set up. In order to not show the header area and footer area of the page I used Just The Page Widget which strips all that out. I am currently using the div tag: <div style=”border: double #024c97; padding: 20px 20px;”>

    This seems to be the only tag it is not stripping. Any other ideas? Any way to put it in the Easy Fancybox settings?

    What about something like

    <div style="border: double #024c97; padding: 20px 20px; width 100%; height: 100%">

    ?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add an inside border to Fancybox’ is closed to new replies.