Would like page background transparent so that video is visible at all times

[MickeyB]

Hello Richard

Armin asked me to contact you regarding code or help that I would require to make the background transparent so the Weather Ball video is visible at all times while scrolling the page.
https://michaelbrosnandesign.com/weather-ball-2
I would like to know how you can help me.

Here is an example he made for me

https://test.laytheme.com/test1

Kind regards, Michael

[Richard]

Dear @MickeyB

Apologies for the delay - Happy to help :)

The Background Color of your Grid is currently set to black:

#000000

This can be changed to transparent which will allow users to see the video behind.

This can be done within

Customize > Background > Background Color >

Also your 'Cover' has a white background color set:

#ffffff

If for whatever reason you need CSS Code to force the background color change then please add the following to either

Customize > CSS

Or within

Lay Options > Custom CSS & HTML > Custom CSS

.cover-content {
background-color:transparent;}

#grid{
    background-color:transparent;
}

Unsure if you want this as well - On Armin's test, he has a background-color:

.row {
    background-color: rgba(0,0,0,0.9)!important;
}

Making the background almost Opaque similar to Opacity

If i can be of further help Mickey, let me know & have a wonderful day, Thank you for using Lay Theme :)

Best
Richard