ARI Soft - Controlling width of lightbox - pro version

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show Cart

Recent Events

31/12/2023 New Year SALE

We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

more...
21/11/2023 BLACK FRIDAY 23 is coming

BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.

more...

2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft.

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

WordPress plugins

ARI Fancy Lightbox

Controlling width of lightbox - pro version

(1 viewing) (1) Guest

"ARI Fancy Lightbox" WordPress plugin

Page: 1

TOPIC: Controlling width of lightbox - pro version

Forum Tools

#60174

Controlling width of lightbox - pro version 7 Years ago

Karma: 0

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).

HOA

The administrator has disabled public write access.

#60178

Re:Controlling width of lightbox - pro version 7 Years ago Karma: 747

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:

Code:



.fancybox-slide--iframe .fancybox-content {

	width  : 320px;

	height : 400px;

	max-width  : 90%;

	max-height : 90%;

}

Regards,
ARI Soft

admin