WordPress.org

Ready to get started?Download WordPress

Forums

WP Photo Album Plus
[resolved] Customize the lightbox position (7 posts)

  1. juiceex
    Member
    Posted 1 year ago #

    Loving the plugin, but I really need the lightbox to display the image at the top of the screen rather than the middle. Maybe something like 35px from the top.

    Can I include CSS to override this "center position" setting?

    Thank you!

    http://wordpress.org/extend/plugins/wp-photo-album-plus/

  2. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 1 year ago #

    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

  3. juiceex
    Member
    Posted 1 year ago #

    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

  4. juiceex
    Member
    Posted 1 year ago #

    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.

  5. juiceex
    Member
    Posted 1 year ago #

    resolved

  6. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  7. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 1 year ago #

    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 ).

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic