Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #22524

    Hey guys, I searched this but couldn’t fint a post about this unless I just missed it. I can’t imagine this hasn’t been noticed before. But when you open a lightbox on a single image only the close button in the bottom right corner is cut off on the bottom. It looks like it is overlayed by the border stroke.

    If it is a multiple image lightbox this is a non issue as the play navigation on the bottom left is larger and makes the window bigger.

    Any way to address this. it looks a bit tacky.

    #116079

    Hey!

    Please post a link to a page where the lightbox styling issue is visible – we need to investigate the css code.

    Regards,

    Peter

    #116080

    “http://www.kriesi.at/themes/enfold/2012/01/14/this-is-a-nice-post/?skin=Cyan

    Above is the link to the theme sample. Below is a link to a screen grab of it. I see it this way on mac / chrome or safari, or my iphone 4 using the default safari browser. I haven’t tried anything else. Thanks

    v34zQvv.png

    http://i.imgur.com/v34zQvv.png

    #116081

    Hi,

    You can fix it with css. Add this on your custom.css or Quick CSS.

    div.pp_default div .pp_content {
    min-height: 330px;
    }

    Regards,

    Ismael

    #116082

    Sorry, This isn’t really a solution. That would only work if the image that was being opened in the lightbox was actually 320 px and smaller. But as a photo might be any height. That won’t solve the issue.

    It can’t just be me. Look at the sample of the theme on this site. Go to the blog. and look at any image in the lightbox. me experience is whatever size the image is, it looks like the above sample. imho the error has to be in the native code somehow. However that height is being set. The default height needs to be 10 px taller than what is being generated by default.

    #116083

    Hey!

    Use following code to reposition the button – insert it into the quick css field:

    a.pp_close {
    top: -8px;
    }

    Best regards,

    Peter

    #116084

    I will give that a try and see how it looks.

    I was also able to solve it by changing the following code

    div.pp_default div.pp_content_container .pp_details {

    margin-top: 12px;

    }

    to

    div.pp_default div.pp_content_container .pp_details {

    margin-top: 7px;

    }

    #116085

    Thanks Dude. Your css change yielded the same visual result, as what I changed. I don’t know a ton of coding, just enough to sometimes get myself in trouble. I don’t know if what I did could also yield some other negative side effect. But they both seam to work for now. Thanks gain team for the assistance.

    #116086

    Hey,

    Glad it is fixed now. :)

    Regards,

    Ismael

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

The topic ‘Lightbox close button is cut off’ is closed to new replies.