Found the problem, embed had height: auto; in the theme’s CSS:
img, object, embed { max-width: 100%; height: auto; }
I modified it to this:
img, object { max-width: 100%; height: auto; }
embed { max-width: 100%; }
Of course, that might be overwritten when the theme author updates. I’ll try getting in touch with the author and see if he’ll implement a fix. In the meantime, it’s working as intended.
Marking this thread as resolved. Apparently I can’t do that while editing a post. Apologies.
Plugin Author
demur
(@demur)
Hi doncullen!
I’m sorry that this issue has nothing to do with the Document Gallery plugin and we were unable to help You out right away 😉
But I would like to suggest You somewhat enhanced CSS rule, to make it more targeted and so further update-proof:
#fancybox-content embed {
height: 100%;
width: 100%;
}
PS: If You’ve found our answers and/or the plugin useful, please rate the efforts. Thanks!
I’m all for update-proofing. An issue with that: if the theme author still does height: auto;
, it may result in a conflict. So I tweaked your code slightly:
#fancybox-content embed {
height: 100% !important;
width: 100%;
}
This way, even if he continues to use the code, your code will still override his, thus solving the problem.
Thanks for following up with me. I know you’re a busy man, so I didn’t mind trying to solve the problem on my own while waiting for a response from someone. 🙂
Plugin Author
demur
(@demur)
Hi doncullen!
This is awesome that You can solve a problem by Yourself. And sharing Your discoveries is just the same praiseworthy.
Since You are using both plugins in conjunction, I would suggest putting mentioned CSS rule into Custom CSS property under General settings of the DG.
PS: If You’ve found our answers and/or the plugin useful, please rate the efforts. Thanks