Support » Plugins and Hacks » [Resolved] Customize the lightbox position

[Resolved] Customize the lightbox position

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Jacob N. Breetvelt


    Can I include CSS to override this “center position” setting?

    Are the images too small to approximately fill the screen height?

    A link please

    I took a screen shot of what I am experiencing.


    I’m using your plugin for a Facebook app and because of the height of the Facebook page, the images display way too low and will require users to scroll down to see the lightbox… If I could make the lightbox top align to the page I would be all set.

    I’ve tried a few CSS solutions like adding:

    img#wppa-overlay-img {
    top: 0px;

    But it’s not as clean of a solution as I would like. I was hoping you might be able to suggest something better.


    I was actually able to resolve this issue with some more trial and error.

    #wppa-overlay-ic {
    padding-top: 10px !important;

    This allows me to keep the lightbox at the top of the page.

    Thanks anyway.. I’m really enjoying your plugin.


    Plugin Author Jacob N. Breetvelt


    Thank you for this report, and for solving the issue. I will keep this info and see if i can solve it definitvely in the source code.

    Plugin Author Jacob N. Breetvelt


    I did some further investigation:

    padding-top should be 5 px, not 10 to stay compatible with the rest.

    Also, for completelyness for images smaller than the browsers window height, you should add:

    #wppa-overlay-qt-txt, #wppa-overlay-qt-img {
    top: 5px !important;

    This will be added (including the padding-top) in the next version ( for chrome only ).

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Customize the lightbox position’ is closed to new replies.