MariaFY Posted April 29, 2023 Share Posted April 29, 2023 Hi guys, I launched this site for a client last year and the code I used on most pages to create a transparent background to be able to see the video looping in the back doesn't seem to work anymore. Here's the code I used on the homepage. Basically, the first section contains the video background is is sticky, the next section has a transparent background and scrolls over. Website: https://www.adamtabura.com //homepage section[data-section-id="62831f28f35bd842f0d4b03f"] { position: sticky !important; top: 0px; } section[data-section-id="6282ec0605378468086aaf30"] { background-color: transparent !important; top: -75vh; .section-background { background-color: transparent !important; } } Not sure if FE updates interfere with the code. I haven't done any changes to the site, it just suddenly stopped working. Thank you for any pointers. Link to comment
tuanphan Posted May 1, 2023 Share Posted May 1, 2023 Change this code .section-background { background-color: transparent !important; } to this .section-background, .section-border { background-color: 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
MariaFY Posted May 1, 2023 Author Share Posted May 1, 2023 Thank you @tuanphan, this works but the background overlay color changes from dark brown to a light color. What could cause this? After inserting the code it looks like this: this is how it looked before: Link to comment
Solution tuanphan Posted May 3, 2023 Solution Share Posted May 3, 2023 Change above to this .section-background, section[data-section-id="6282ec0605378468086aaf30"] .section-border { background-color: transparent !important; } MariaFY 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment