gullbekken Posted November 15, 2023 Share Posted November 15, 2023 Is it possible to place a video as a bottom layer, under both the header and the following section under? Link to comment
gullbekken Posted November 15, 2023 Author Share Posted November 15, 2023 So having the video covering the whole yellow area shown here, but laying under all text and logo/menu: Link to comment
tuanphan Posted November 18, 2023 Share Posted November 18, 2023 Why you don't use Video Background? gullbekken 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
gullbekken Posted November 18, 2023 Author Share Posted November 18, 2023 (edited) @tuanphan aah of course, thanks. But it doesn't go behind the footer? And is it possible to set the video to blend mode multiply by the way? Edited November 18, 2023 by gullbekken Link to comment
tuanphan Posted November 20, 2023 Share Posted November 20, 2023 #1. To make it behind footer you will need to use code. You can add first then share url, we can check & give the code #2. I don't know this. gullbekken 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
gullbekken Posted December 4, 2023 Author Share Posted December 4, 2023 Hi sorry I was away for a while. I made a copy of the homepage so the URL is: https://finnskogutstillingen.squarespace.com/home-1 p: Finnskogutstillingen24 Link to comment
gullbekken Posted December 4, 2023 Author Share Posted December 4, 2023 Would love to be able to multiply the video on this URL though: https://finnskogutstillingen.squarespace.com/frivillige I can ofcourse do it in After Effects, but if we change background color in SqSpace I need to go back to After effects again.. Link to comment
tuanphan Posted December 6, 2023 Share Posted December 6, 2023 On 12/4/2023 at 11:45 PM, gullbekken said: Hi sorry I was away for a while. I made a copy of the homepage so the URL is: https://finnskogutstillingen.squarespace.com/home-1 p: Finnskogutstillingen24 Hi, The url doesn't exist On 12/4/2023 at 11:50 PM, gullbekken said: Would love to be able to multiply the video on this URL though: https://finnskogutstillingen.squarespace.com/frivillige I can ofcourse do it in After Effects, but if we change background color in SqSpace I need to go back to After effects again.. I don't see video on this page Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
gullbekken Posted December 6, 2023 Author Share Posted December 6, 2023 Sorry, here: https://finnskogutstillingen.squarespace.com/home-skisse Link to comment
gullbekken Posted December 6, 2023 Author Share Posted December 6, 2023 1 hour ago, tuanphan said: Hi, The url doesn't exist I don't see video on this page I was just showing an example where I would like the video to be multiplied on a pink background. The video is here: https://finnskogutstillingen.squarespace.com/home-skisse Link to comment
tuanphan Posted December 8, 2023 Share Posted December 8, 2023 You can add this CSS code (Website Tools > Custom CSS) to make video behind pink bar /* pink bar transparent */ .sqs-announcement-bar { background: transparent !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
gullbekken Posted December 11, 2023 Author Share Posted December 11, 2023 The footer is still opaque. Link to comment
Solution tuanphan Posted December 13, 2023 Solution Share Posted December 13, 2023 With Footer, use this CSS code body{ position: relative; } footer#footer-sections { position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; } footer.sections section, footer.sections .section-background, footer.sections .section-border { background: transparent; } article section:last-child { padding-bottom: 250px; } @media screen and (max-width:767px) { article section:last-child { padding-bottom: 450px; } } gullbekken 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
lauralaura Posted December 13, 2023 Share Posted December 13, 2023 can this same code be applied to a background photo in a section so that the header and footer both bleed with the section? Link to comment
tuanphan Posted December 15, 2023 Share Posted December 15, 2023 On 12/13/2023 at 9:07 PM, lauralaura said: can this same code be applied to a background photo in a section so that the header and footer both bleed with the section? It should work with video, photo, background art lauralaura 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
gullbekken Posted February 12 Author Share Posted February 12 @tuanphan Hi, I am wondering if this is messing up my footer being overlapped... would you be so kind and see this new post: Link to comment
tuanphan Posted February 13 Share Posted February 13 On 2/12/2024 at 1:09 PM, gullbekken said: @tuanphan Hi, I am wondering if this is messing up my footer being overlapped... would you be so kind and see this new post: I see someone answered it. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
gullbekken Posted February 14 Author Share Posted February 14 @tuanphan Well, he asked me to remove the code you gave me: footer#footer-sections { position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; } But then I am back to the footer not being transparent. https://www.finnskogutstillingen.no/omoss Link to comment
tuanphan Posted February 15 Share Posted February 15 Keep footer code & add this code to Page Header Code Injection (page where you have problem) <style> article section:last-child { padding-bottom: 300px !important; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment