WordPress.org

Ready to get started?Download WordPress

Forums

Easy FancyBox
[resolved] PDF displays oddly (6 posts)

  1. traypup
    Member
    Posted 2 years ago #

    Whether I use the PDF auto-detect or add in the class "fancybox-pdf" manually, my PDF is showing up oddly. The window is the right size, but there's only a slice of space where the pdf shows up.

    Here is a screenshot of what it looks like, since it's hard to explain:
    https://skitch.com/traypup/8cmnb/rachel-rabkin-peachman-hair-today-gone-tomorrow

    Any suggestions?
    Thanks,
    Tracey

    http://wordpress.org/extend/plugins/easy-fancybox/

  2. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    Hi,

    That's a strange effect... Maybe there are some CSS rules interfering?

    Unable to really say anything useful based on the image alone. Any possibility of seeing this live?

  3. traypup
    Member
    Posted 2 years ago #

    It's possible something else is conflicting! Here is the link for the page where I have this set up. Thanks for looking!

    http://rachelrabkinpeachman.com/writing-clips/beauty/hair-today-gone/

  4. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    I see... In the stylesheet /wp-content/themes/ifeature/core/css/foundation.css there is on line 223

    img, object, embed { max-width: 100%; height: auto; }

    If you remove the part , object, embed it should be OK.

    Also, if you want to get rid of the slit between the top of the browser viewport and the fancybox overlay, you might try to remove position: relative; from line 74 in the same stylesheet.

  5. traypup
    Member
    Posted 2 years ago #

    Thanks so much for your help. That didn't seem to do it, but I'm not giving up yet! I'll keep working at it and checking for plugin conflicts.

  6. RavanH
    Member
    Plugin Author

    Posted 2 years ago #

    In http://rachelrabkinpeachman.com/wp-content/themes/ifeaturepro/core/css/foundation.css you did not change the line

    img, object, embed { max-width: 100%; height: auto; }

    into

    img { max-width: 100%; height: auto; }

    or maybe

    img, object, embed { max-width: 100%; }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic