clayhebert

Thanks, Blake! That did it!

https://clayhebert.com/home-test/

I deleted what I had in the theme’s “Custom Code” section (in the theme settings) and put the latest code you wrote above directly in the CSS file. That did it!

Thanks!

(Once I get this cleaned up, I’ll send you and the WP theme developer the final version. This is going to look awesome.)

Boom!

That did it! It’s working!

https://clayhebert.com/home-test/

Thanks, Blake!

If I want to repeat this with other video backgrounds on other pages, is the best way to just repeat this block in the CSS with each unique page ID?

body.page-id-8077 .site-header {
  position: absolute;
  width: 100%;
  z-index: 2;
  background-color: transparent;
  border-color: transparent;
}
body.page-id-8077 .site-header > .wrap {
  height: 120px!important;
}

Hey Blake,

Thanks for the quick and thoughtful response. We’re getting close.

The first part worked. Very smart call to use .page-id to denote which pages this appears on, which makes it flexible going forward.

(Eventually I want to use it on multiple pages. Do I just repeat that whole code snippet for each page ID that I want it to appear on?)

As for the second part, I set the container field to “.entry-content > .wide-content-box” like you said…in an attempt to target only the first wide-content-box, but that part doesn’t seem to be working. The video background is still appearing in all wide-content-boxes.

https://clayhebert.com/home-test/

I just made you an admin user on my site and sent that email to your work email.

Thanks so much for your help on this. I’ll spread the word about your plugin far and wide and tell friends in Vegas / Henderson to look you up for WordPress stuff.

UPDATE:

OK, I’m getting closer. I found your video here on “finding your container element” and I was able to get the video background to play in the main section by changing the container element from:

body

to

.wide-content-block

Now the only issue is, it plays in every wide-content-block (as one would assume, when it’s coded that way).

1. Can I use CSS to just give the top / first wide-content-block a unique name so it just plays there?

2. Is there a way to get it to “span” the header and that top wide-content-block (like on StoryBrand.com/workshop ?)

Thanks, Blake. I’ll keep tinkering.

/c