WordPress.org

Forums

PinBlack
Images (12 posts)

  1. lavishbride
    Member
    Posted 2 years ago #

    Hello,
    My site is http://dynastyorientarts.com

    I'm using Lightbox Gallery plugin with PinBlack template but whenever I try to enlarge the images, the images are cutting off at the right. I've already tried to adjust the resolution settings in WordPress but it seems to happen regardless of how big or small the images are.

    Example images of 2 different sizes:
    http://dynastyorientarts.com/?p=253 (large)
    http://dynastyorientarts.com/?p=132 (small)

  2. viktor89
    Member
    Posted 2 years ago #

    In lightbox-gallry.css you want to remove overflow: hidden; from line 1002.

    change the line from:
    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;line-height:1;}

    to:
    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;line-height:1;}

  3. lavishbride
    Member
    Posted 2 years ago #

    worked like a charm. THANK YOU!!
    have a great day!

  4. lavishbride
    Member
    Posted 2 years ago #

    it appears that it only fixed the issue when using Firefox, but the right side is still cut off when using Chrome or IE. Anything else I can fix?

  5. viktor89
    Member
    Posted 2 years ago #

    For some reason the overflow hidden is added directly to the element on the chrome browser. I think this is some core javascript doing it, but I can't tell for sure. Check if the id="colorbox" has it added to it's html.

    maybe adding

    #colorbox {
    overflow: visible !important;
    }

    to your css file will override it

  6. viktor89
    Member
    Posted 2 years ago #

    Actually start by doing the CSS thing - that's probably the easiest :)

  7. lavishbride
    Member
    Posted 2 years ago #

    I've already put in the edit for CSS, but it only works for Firefox

  8. viktor89
    Member
    Posted 2 years ago #

    did you add this to your css file? I'm not talking about the same edit I posted the first time I wrote

  9. viktor89
    Member
    Posted 2 years ago #

    add this in your style.css file

    #colorbox {
    overflow: visible !important;
    }
  10. lavishbride
    Member
    Posted 2 years ago #

    to which line?

  11. viktor89
    Member
    Posted 2 years ago #

    Doens't matter. Just put it at the very end

  12. lavishbride
    Member
    Posted 2 years ago #

    works! thanks genius!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic