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?
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 ;
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?
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.