Having difficulties trying to set the width of the lightbox when using it for iframe content / links, here's what I'm using on one iframe solution, but I'd really like to know the code I should be using for the 2nd one, everything I try seems to have no effect:

This Works:

<a href="#unbiased-find-suitable-adviser-whitelabel" class="ari-fancybox">Get an IFA</a>
<div id="unbiased-find-suitable-adviser-whitelabel" class="fancybox-hide" style="width: 320px;"></div>
<script src="//www.unbiased.co.uk/whitelabels/v2/embed/find-suitable-adviser/hoa/unbiased-find-suitable-adviser-whitelabel?widget=true&service=financial-adviser"></script>


These Don't:
<a class="ari-fancybox" style="width: 320px;" href="www.newbuildinspections.com/hoa/">Newbuild new Link</a>
<a class="ari-fancybox-iframe {width:'320'}" href="www.newbuildinspections.com/hoa/">Newbuild new Link</a>

We need to control the width of the iframe/lightbox content window, ideally it would be responsive between a max-width of 500px and a min-width of 320px - but even getting it to just be 320px wide would be a start.


What do you suggest? Love the plugin otherwise, I've had a look on the FAQ and support but have not found much for the wordpress plugin version, and I'm sure it is just my not understanding what the parameters to use are!


kind regards,

Philip Stanley (tech for Paula Higgins).

Hello,

If you want to define the same width and height rules for all web pages which are opened into the lightbox then open "Style" tab on "ARI Fancy Lightbox - Settings" page and add the following CSS rule to "Custom CSS" parameter:



Regards,
ARI Soft