Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #438532

    I’ve seen this mentioned before but non of the suggestions seem to affect my site. The X of the lightbox is at the top right of the image but outside my normal browser window. Most of the time it’s hidden behind the WP banner.

    How can I, either move the X or reduce the % of the lightbox image?

    http://www.websiteproud.com/wptest/photos/

    I’m using Cube Portfolio plugin but have disabled the plugin lightbox on those images.

    #438534

    Hi kevsboredagain ;
    if you resize your images a little bit smaller (height 850px max ) the lightbox border may stay in the browser.

    #438539

    It’s all relative. I could make the pictures 300px max height but if my browser is currently 200px height, then the image will still hit the edge and the cross not be visible. Some of them are already less than 850.

    #439488

    Hi!

    Please try the following in Quick CSS under Enfold–>General Styling:

    .mfp-content{
    padding-top:30px !important;
    }

    Though there’s obviously some CSS conflict coming from that plugin, for instance when hovering the X.

    Regards,
    Rikard

    #439523

    Almost. That does indeed bring the X into view but at the expense of losing the bottom of the image with the counter. Is there anyway to limit the size of a lightbox image in terms of % of browser. window?

    I^ll ask the plugin author about the hover style still being applied unless I can spot it myself.

    #440091

    Hi!

    There most likely is, but maybe it’s better to find out what CSS is conflicting and getting rid of it first? I think that would be the easiest approach.

    Best regards,
    Rikard

    #440123

    I found the conflicting plugin. It was some Facebook widget which I’ve now removed.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Lightbox close button position’ is closed to new replies.