Can I include CSS to override this “center position” setting?
No.
Are the images too small to approximately fill the screen height?
A link please
I took a screen shot of what I am experiencing.
https://dl.dropbox.com/u/7649890/gallery-screenshot.jpg
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 {
position:absolute;
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.
Thanks
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.
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.
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 ).
