Setting a video header on one page only

Hello!

You’ll need a lot more than CSS.

I recommend using a page builder for that feature. Elementor is free.

thanks,
Yes it’s all already setted up, I’m using a sydney pro theme. all content ready and prepared. video header has it’s own media, but I need to show it on one page only.

There is a command like this, I think :

add_filter( ‘is_header_video_active’, ‘custom_video_header_pages’ );

function custom_video_header_pages( $active ) {
if( is_home() || is_page() ) {
return true;
}

return false;
}

I’m not a css expert.
I’m searching online but I can’t figure out the right syntax to show only to a desired page.

Thanks
https://premium.wpmudev.org/blog/customize-video-headers-wordpress/

You’ll need some custom PHP, I believe.

Unfortunately, I don’t know PHP, so I don’t know if it will be something complicated or not.

You could try your luck by asking the Sydney theme support. If it will be easy enough, they might help you.

After a little research I found the correct CSS code !!
the SydneyPRO video header is the WordPress built-in one.
So I just changed the code into this to remove it from the Blog page:

.blog #wp-custom-header {
display: none;
}

As I said, the problem was a “duplicate” video header in the Blog section.
You can set individual custom headers from “page settings” for the other ones.

god bless myself

well sorry, I missed to explain main passages. I had a duplicate post in Sydney Theme forum. The complete procedure to set the video header only on one page is this one:

-From appearance/customize just go into header menu options and select the video header to show on all pages (or “Home” only).
-Now you can just use the standard Page “Editor” from your WP dashboard and select a “custom header” image for each page you don’t want to show the video header.

The problem with this method in Sydney/SydneyPRO wss that the Video-Header was duplicated also on the BLOG page and there was no way to turn it off using standard customizing options. BUT, but..

Adding this simple CSS string code from WP “Custom CSS” panel solved the issue:
.blog #wp-custom-header {
display: none;
}

Enjoy!