willzj

To clarify I would place this as the embed code block on the page? Or would I add this to the custom CSS section? @Web_Solutions

The Iframe is the Choose Your Gift pane on the right side. Well it is a qgiv embedding which contains an Iframe inside. Previously I was having an issue where the frame kept getting cut off despite the height I set. I just manually added the !important override which seems to be forcing the 1200px height but in case screens are very large I also would like to add vertical scrolling which is what I am wondering about how to properly add this code.

Yes @Web_Solutions the website is https://www.dscpugetsound.org/make-a-donation

I have an embedded Iframe into website page. I would like to add custom CSS to make the Iframe scrollable. I have tried to add the following code with no luck : @media only screen and (max-width:640px) { .qgiv-embed-container iframe { height: 1200px !important; overflow-y:scroll !important; overflow-x:hidden; scrolling:yes; } } } My "scrolling:yes" line does not seem to work at all. I also tried to set overflow-x and overflow-y however when I inspect the page the overflow always just says hidden for both. Any Ideas?

So this code here removes the top padding completely. I am wondering if I want there still to be a little space between sections, say 2vmax, how would I do this? It seems like with the new fluid engine, changing the margin or padding directly in css no longer works. @tuanphan

The website is not public yet. But the page is literally just a basic carousel with each list item having a picture, text body, and button. When I hover mouse over any part of the item the mouse pointer turns into a hand. However the hover action is only being triggered when I hover over the button which then will add the drop shadow that I coded.

I have a carousel list item with picture and button for each item. I added custom css to create a drop shadow and border on hover. However my hover effect only takes place when i scroll over the button. Is there a way to force the hover state to occur when the mouse appears anywhere on each individual carousel list item? Here's my code: .user-items-list-carousel .list-item[data-is-card-enabled="true"]:hover { box-shadow: 5px 5px 10px #000 !important; border:10px solid black; }