WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Thumbnail Arrows not inline

[Resolved] Thumbnail Arrows not inline

  • Photogent
    Member

    @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
    Member

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

    Photogent
    Member

    @photogent

    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

    kcorcoran
    Member

    @kcorcoran

    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.

    Photogent
    Member

    @photogent

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

    kcorcoran
    Member

    @kcorcoran

    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
    Member

    @hahncgdev

    Thanks kcorcoran, that’s a good point.

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