WordPress.org

Ready to get started?Download WordPress

Forums

WP Photo Album Plus
[resolved] Position album and miniatures (11 posts)

  1. Marrie80
    Member
    Posted 1 year ago #

    We have installed the WPPA+ plugin in a responsive theme. It is very nice, but we have got a problem with the position of the album and another problem with the position of the miniatures when showing the content of the album.

    The album is positioned to much to the right, so it falls out of the main content box of the website on the right. We have set the column width (I.A1) to 'auto', for responsive layout. How can this be corrected, so it falls within the content of the page?

    Furthermore, the position of the miniatures (when showing the content of the album) is left aligned. How can it be changed so they are centered on the page?

    It seems that both issues can not be corrected in the main settings. We have tried everything.

    Thanks for the reply.
    Marnix and Marielle

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

  2. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 1 year ago #

    A link please

  3. Marrie80
    Member
    Posted 1 year ago #

    The site is still under construction, so we want to close this link as soon as you have seen the problem if that's ok with you.

    http://www.arachnophoto.com/atypidae/

  4. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 1 year ago #

    The problem is that the class .responsive .content has set padding:30px;

    This means that any plugin that trys to find the current width will find a value 60 pixels too large.
    I expect you will get more problems with this theme.

    Try this: add in any css file:

    .wppa-container {
      margin-left: -30px !important;
    }

    to center the display.

    Check Table I-C6 to get the thumbnails equally spaced over the available width

  5. Marrie80
    Member
    Posted 1 year ago #

    Thank you very much, Jaap! We will try to alter the code.

    Table I-C6 is already checked, so that's not the solution for the second issue.
    Maybe the solution is in the css code as well?

  6. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 1 year ago #

    If there are too few thumbnails to fill a row, you will see this.

    I can not say more about this unless you can provide i link.

    Closed for now.

  7. Marrie80
    Member
    Posted 1 year ago #

    Hi opajaap,
    Thank you for the code. It worked, but on smaller screens it now falls out a little bit of the main contentbox on the left instead of the right. But that is merely a small cosmetic issue.

    We still have the problem of the alignment of the thumbnails when there are to few thumbnails to fill a row. We want them to be centered horizontally.
    Can you please take a look at the following link to see if you can fix it?
    http://www.arachnophoto.com/1-2/

    We have another question: In what file and what place can we put a code to get a border with mouseover effect around the thumbnails?

    Thank you in advance for your help.
    Marnix en Marielle

  8. Marrie80
    Member
    Posted 1 year ago #

    Hi opajaap,

    Did you already take a look at our problem? Please, let me know if you have seen it and have a solution for us.
    The site is still under construction, so we want to close the link as soon you have seen it.

    Thank you in advance for your help.
    Marnix en Marielle

  9. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 1 year ago #

  10. Marrie80
    Member
    Posted 1 year ago #

    Sorry, the maintenance mode was activated. It is now off.

  11. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 1 year ago #

    Your themes css jumps ( it is responsive ) between two settings:

    1: .../themes/practical/css/responsive.css line 174

    .responsive .content {
        padding: 30px;
    }

    2: .../themes/practical/style.css line 566

    .content {
        padding: 20px;
    }

    So, in the small situation the correction margin should be -20px;
    The plugin does not detect this, you have to fix it in the themes css. I recommend you to set both paddings to 25, and the correction margin also to 25 as an example.

    You should really inform the theme builder that padding the main display area this way is not nice towards plugin builders who want to detct the available space dynamicly!!!

    Dit is mijn uitspraak en daar zult u het mee moeten doen.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic