positioning of a Lightbox on the page

Freeway
1

I was wondering if anyone could help me with the positioning of a ScriptyLightbox3 when it opens on the page. When you clip the ticket info box in the top RH corner of the page linked to, the box opens bang in the centre of the browser.

This is fine as far as it goes, but is it possible to change this position. Ideally, I would like the box to open more towards the top of the page. Is there a way that you can tinker with the action to make this happen?

http://www.frightfest.co.uk/films/2014FrightFestGlasgow/filmtestpage.html

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Tucked away inside Walter’s lightbox Action you’ll find a JavaScript function that handles the positioning of the lightbox overlay on the page and does a great job of making sure that the item being displayed is sized and positioned correctly. The code ensures that, in part, the overlay is always centred on the available screen space.

Although tricky to update from outside of the Action code itself you can strong arm the lighbox overlay into different positions by adding a CSS style to the head of your page. Doing this, however, can position the overlay outside of the currently viewable area so be warned.

Copy and paste the following code into your page at Page > HTML Markup > Before ;

<style type="text/css">
<!--
#_player {
	top:40px !important;	
}
-->
</style>

Adjust the 40 pixel offset to suit your design and preview the page. The lightbox overlay should now appear 40 pixels off of the top edge of the page.
For example;
http://www.freewayactions.com/test/scripty-lightbox-position/
Regards,
Tim.

On 12 Feb 2014, at 09:57, Rattie wrote:

This is fine as far as it goes, but is it possible to change this position. Ideally, I would like the box to open more towards the top of the page. Is there a way that you can tinker with the action to make this happen?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Thanks, that works a treat. Sitting where I what now.

While I have you, and it’s another lightbox question, click the link for the trailer on this page.

http://www.frightfest.co.uk/films/2014FrightFestGlasgow/savaged-michaels.html

Any idea why the trial won’t fit into to the box? I have set to the correct size for trailer and playing around with the sizes makes no difference

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

What size have you set in the action - I am seeing rel=895x427

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

However this subject has come up before.

Have a look at my answer at http://freewaytalk.net/thread/view/143079

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Thats what I have done.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

And have you uploaded yet?

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

Just added your code and thats fixed it. Thanks.

Might as well go for it while I have you. Have a look at this. The problem is with footer.

http://www.frightfest.co.uk/Frightfestwebfeatures/Abitoftheoldultraviolence.html

Why the huge gap? it’s not there on the file. I have this all the time.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

9

I suspect that it is because you have one cell of your table construction set at a large size

Any reason why you dont do this centre section inline.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

10

What do you mean?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

11

Your page is a mixture of CSS layers and table layout based items (Green borders on CSS and Blue on Table based)

If you made your central column a layer based item and inserted the content in CSS layered items (inline construction) you could guarantee that the footer would be pushed down by the content above.

ie ‘Draw’ an Html container, double click inside and insert 4 html items, each set at 100% width of the container.

Top one holds the header, next the top image, next the main text (which has a graphic container inserted at the beginning of the first line set to float left) and finally the footer.

Setting margins and padding on these 4 containers will keep them spaced apart and no matter the text size that the visitor uses this relationship will be maintained.

http://www.deltadesign.co/FW6Test/frightfest.html

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

12

Thanks. I understand now. Will do.
Appreciate your your help.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

13

I should add the containers that have text in them should be set with a height of Flexible

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options