Thumbnail Arrows not inline

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.

https://ldstemples.photogent.com/main-page/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…
https://i.imgur.com/JdViosw.jpg

With this css fix looks like this…
https://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.

Thanks kcorcoran, that’s a good point.