MacUn Posted January 24 Posted January 24 Hello, I'd like to to see if there is a way to make the banner video appear to stop where I have drawn the red line. I'd like the color wave to look like it's the bottom of the video. Is this possible? Thanks! url: https://dragonfly-corn-l3ms.squarespace.com/config/ pw: seafood
Solution jpeter Posted January 25 Solution Posted January 25 (edited) @mackenzieu The CSS below should do the trick. You can play with the height CSS property with the 30px value to adjust the amount clipped from the bottom. CSS /* Clip wave image from the bottom */ #block-yui_3_17_2_1_1706127503146_48723 img { object-fit: fill !important; object-position: top !important; height: calc(100% + 30px); } /* Make wave image span entire width of page */ #block-yui_3_17_2_1_1706127503146_48723 .fluid-image-container { width: 100% !important; } See article on how to add CSS if you're not sure how. Here's a screenshot of it working: Edited January 25 by jpeter Full stack developer who loves helping people out with anything web related. If you'd like to support me, buy me a coffee!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment