Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #21927

    Hi guys,

    We use your theme for showing photos of wedding dresses:

    A large photo (or slideshow) on the left and the content in a small column on the right.

    We use this content column on the right for displaying 2 additional thumbnails. When I click on these (Mac, all browsers), I get an enlarged lightbox popup which is perfect. But my client works on a pc and both IE and Firefox show an “in between” state… and you have to click again to show the full sized photo. This in between state is not big enough and the second, full sized photo is big, but not scrollable.

    We would like to be able to scroll the full sized photo in the lightbox, so people on small screens, when clicking on the small images can see the whole dress in full detail by scrolling… The image width can be lets say 900 px, so the height might become 1400 px or more, so on most screens scrolling is necessary…

    Can I add some CSS to achieve this?

    Thanks in advance. Great theme btw!

    regards, Bas



    I just tested the prettyphoto lightbox on my PC (Firefox and IE) and it’s scroll-able by default without any additional css code adjustments –

    Best regards,



    Thanks Peter, a video like that works great!


    And this “in between” state, can I disable it? So it immediately shows the full sized image?

    My Mac does not show the full sized state, when I click on the scaled in between state, it jumps to the next image.




    Not out of the box but I created a modified version. Open up wp-contentthemeseunoiajsprettyPhotojsjquery.prettyPhoto.js and delete the code which you find in the file. Then copy/paste the code from: into jquery.prettyPhoto.js and save it.


    Thanks! I’ll give it a try!



    I tested it and it should work :)

    Best regards,



    Hi Peter,

    Thanks, It works… on one of the two possibilities :)

    Here it works:

    But when you click on Ballet via this link:

    the full screen Ajax Swipe appears, followed by the full screen view, with the cross, two arrows and titles in the header in the top left corner. When I click on one of the two images on the right, it is not yet possible to scroll… Is this a different js file, or is there a quick CSS fix for this?

    That’ll be the last question, if we fix this, her site can go live!




    Unfortunately this screen has nothing to do with the lightbox but it’s the theme ajax overlay. Kriesi removed the scroll-bar from this page because you can get weird results (eg the user can scroll down although the content is fixed and doesn’t move). If you really want to enable the scroll-bar insert following code into the quick css field:

    #top .hide_scrollbar, .hide_scrollbar{
    overflow: auto !important;


    This is perfect for her! Thank you very much, we can go live now :)


    Glad we could help :)

    Let us know if you have any other questions or issues.



Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Lightbox image > full sized and scrollable’ is closed to new replies.