Support » Plugin: WP Easy Gallery - Easy to Use WordPress Gallery Plugin » Thumbnail Arrows not inline

  • Resolved Photogent

    (@photogent)


    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/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author hahncgdev

    (@hahncgdev)

    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.

    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.

    Albuquerque New Mexico Temple

    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.

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

    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.

    Plugin Author hahncgdev

    (@hahncgdev)

    Thanks kcorcoran, that’s a good point.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Thumbnail Arrows not inline’ is closed to new replies.