Web Services and Add-Ons
Experience the Ultimate in
Quality and Service
Ultimate

© 2014/5 - RichoSoft - All Rights Reserved | Terms of Use | Privacy Policy | About Cookies | Contact

More Light Box Tips and Tricks

Fixed Position Light Box No Scroll

Open LB relative to Browser with no scroll

WebPlus Light Boxes ...
WebPlus X5/6 Light Box Tricks

Here are some Tips and Tricks for manipulating WebPlus Light Boxes, giving more flexibility and style  to your presentation.

Move the Light Box Close Button

Move the Light Box Close Button


There may be instances when you want to move the Light Box’s Close Button, so that it does not appear hovering above the Light Box. For example you may want the close button to be contained within the Caption Box like the example here.  

Works with WebPlus X5, X6, X7 and X8
View Example

Simply add the following style to your page:


#wplightbox_closediv {

margin:50.0px 0.0px 0.0px -10.0px !Important;

}


The first value 50.0px applies to the shift of position from the top.

The fourth value -10.0px applies to the shift of position from the right (a negative figure shifts to the left a positive shifts to the right).

You can of course add the style to a css style sheet or simply add it to your page head with:


<style type="text/css">

#wplightbox_closediv {

margin:50.0px 0.0px 0.0px -10.0px !important;

}

</style>

I hope that this was useful to you.

More Lightbox Tricks & Tips

More items are being added regularly so keep checking back. If you have a Tip or Trick you think should be here, please drop me a line and I will look at including it here