alxfyv

Do not set attributes in the
<iframe> tag, especially width and height. Do it in CSS. All that's needed in the
<iframe> tag is the src= attribute.
You will find all the HTML and CSS needed to have a responsive
<iframe> in the pen Responsive Iframe - REF on CodePen. See the comments (comments button on the lower left) for further explanation. The
<iframe> is responsive in that at narrower window sizes it scrolls horizontally.
Put the HTML in an embed block. Put the CSS in Design > Custom CSS. Keep or discard the CSS general styles setting border, box-shadow, padding, etc.
If you have questions, leave a comment. In any event, please let me know whether it works and satisfies your needs.
-Steve

You might try copying and pasting this in Design > Custom CSS:
/* ** in gallery grid, set a hover over slide effect to ** display slide title on partially transparent ** overlay */ .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper .image-slide-title { position: absolute; bottom: 0; width: 100%; height: 0; color: white; background-color: rgba(194, 194, 163, .8); opacity: 0; transition: all .25s ease-in; } .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper:hover .image-slide-title { height: 40%; opacity: .9; }
This should give you the effect, on hover over a slide, of a partially transparent overlay sliding up over the image and displaying the slide title.
Let me know whether this works and, if so, whether it's the type of effect you have in mind.
-Steve

You might try copying and pasting this in Design > Custom CSS:
/* ** in gallery grid, set a hover over slide effect to ** display slide title on partially transparent ** overlay */ .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper .image-slide-title { position: absolute; bottom: 0; width: 100%; height: 0; color: white; background-color: rgba(194, 194, 163, .8); opacity: 0; transition: all .25s ease-in; } .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper:hover .image-slide-title { height: 40%; opacity: .9; }
This should give you the effect, on hover over a slide, of a partially transparent overlay sliding up over the image and displaying the slide title.
Let me know whether this works and, if so, whether it's the type of effect you have in mind.
-Steve

Hi there!
I've tried everything ...I cannot figure out how to get my embedded google sheet to be responsive. Do any of you fancy coding types have any ideas?
I would appreciate your help or even your empathy!
<iframe src="https://docs.google.com/document/d/1VouYUL9gPUHsjCvZPwHhZ1JQ8yMhIgTTI6md5Sn-5rE/pub?embedded=true" width="100%" height="2000" frameborder="0" scrolling="no" padding="0" margin= "0"></iframe></div>
http://www.ryeeducationfoundation.org (password: ref100) path grants>find your liaison