WordPress.org

Forums

PinBlack
Images (12 posts)

  1. lavishbride
    Member
    Posted 7 months 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 7 months 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 7 months ago #

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

  4. lavishbride
    Member
    Posted 7 months 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 7 months 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 7 months ago #

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

  7. lavishbride
    Member
    Posted 7 months ago #

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

  8. viktor89
    Member
    Posted 7 months 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 7 months ago #

    add this in your style.css file

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

    to which line?

  11. viktor89
    Member
    Posted 7 months ago #

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

  12. lavishbride
    Member
    Posted 7 months ago #

    works! thanks genius!

Reply

You must log in to post.

About this Theme

About this Topic