WordPress.org

Ready to get started?Download WordPress

Forums

WP Easy Gallery » WordPress Gallery Plugin
[resolved] Thumbnail Arrows not inline (7 posts)

  1. Photogent
    Member
    Posted 1 year ago #

    Hi, I am trying out WP Easy Gallery (non pro) and am having issues with the arrows that display for scrolling through thumbnails.

    The left arrow displays above the thumbnails, and the right arrow displays below. This causes the thumbnails to cover the description and the navigation.

    Is there some css I can throw in to fix it, or is this a problem with the plugin?

    http://wordpress.org/extend/plugins/wp-easy-gallery/

  2. hahncgdev
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    It actually sounds like a CSS conflict with the plugin and either your theme or another plugin. Please send the URL to the page containing the gallery, if possible.

  3. Photogent
    Member
    Posted 1 year ago #

    I thought it was CSS originally too, but it has now happened with 3 themes. Currently I am on the WordPress 2012 theme, and still have the issue. I tried turning off the thumbnails, but they won't go away.

    Here is the page with the problems. Select the thumbnail with the label "Day" above it.

    http://ldstemples.photogent.com/main-page/albuquerque-new-mexico-temple/

  4. kcorcoran
    Member
    Posted 1 year ago #

    Fixed this issue.
    Also, thumbs were displaying all the way across my modal window off the screen for me on FF (as it looks like it is for OP.)

    To fix, add the following css to your theme's "styles.css" or the plugin's "prettyPhoto.css" located at YOURSITE.COM/wp-admin/plugin-editor.php?file=wp-easy-gallery/css/prettyPhoto.css

    after the last line.

    .pp_gallery div{overflow:hidden;float:left;}
    a.pp_arrow_next{display:inline;float:right;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
    a.pp_arrow_previous{display:inline;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
    .pp_gallery{left:50%;margin-top:-50px;position:absolute;z-index:10000}

    Without this css fix looks like this...
    http://i.imgur.com/JdViosw.jpg

    With this css fix looks like this...
    http://i.imgur.com/HB0y3nS.jpg

    Taaadaa!

    Plug in dev.. this probably needs to be added to your css, not sure why it wasn't working before but I came here looking for a solution to this very problem.

  5. Photogent
    Member
    Posted 1 year ago #

    Thank you Kcorcoran! That Did it! Solved and done! I also had the thumbs all the way off the edge.

  6. kcorcoran
    Member
    Posted 1 year ago #

    No problem.
    Keep in mind, if you added it to 'prettyPhoto.css' and the plugin is updated without this being fixed, it will overwrite your fix and you'll have to do it again.

    If you do it in the theme's style.css, not so much.

  7. hahncgdev
    Member
    Plugin Author

    Posted 1 year ago #

    Thanks kcorcoran, that's a good point.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.