Comments 6Richard started the conversationJune 20, 2022 at 11:42amHi ClaPat Team, is it anyhow possible to place a video in the background of the header section (About Page) instead of a picture? 1,810Support repliedJune 20, 2022 at 12:48pmHello Richard,Without modifying the template, disable hero section entirely for the page, do not set any header image for the page and then add a cover video block:https://themeskills.com/add-cover-image-video-wordpress-gutenberg/Thank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy 6Richard repliedJune 20, 2022 at 1:03pmHey there,thank you for replying. I don't have a "cover" section in the Gutenberg.Attached files: Bildschirmfoto 2022-06-20 um 15.00.54.png 1,810Support repliedJune 20, 2022 at 1:16pmHmm, ok try adding avideo embed wpbakery element with class 'full' added to additional class name(s), it will stretch the block full width.Thank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy 6Richard repliedJune 20, 2022 at 1:18pmWe tried it but it looks not goodAttached files: Bildschirmfoto 2022-06-20 um 15.18.13.png 1,810Support repliedJune 20, 2022 at 1:24pmYes, the problem is that we don't have a header video background section in California similar to header background image.Thank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy 6Richard repliedJune 20, 2022 at 1:30pmany other option to create another home page with video header h1 big title and more content when the user scrolls down? 1,810Support repliedJune 20, 2022 at 2:01pmI am not aware of any other option but here are the styles for the background image headerhttps://prnt.sc/gYfORnOGLmbM.project-bg-image { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}that can be applied eventually to a video headerthe fonts and styles for the captions are actually tied to the .project-bg-image CSS classThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy 6Richard repliedJune 20, 2022 at 2:17pmokay thank you1 Like 6Richard repliedJune 20, 2022 at 2:53pmI have not found a setting to change the colors of the numbers in the "Counter Box". Default is black, do you have to change in custom CSS or is there an option in wordpress?Attached files: Bildschirmfoto 2022-06-20 um 16.50.37.png 1,810Support repliedJune 22, 2022 at 4:30amHello Richard,yes, custom CSS:.clapat-counter .number { color: #000;}.clapat-counter .subject { color: #999;}change the hex color code and add the code to customizer -> additional CSSThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy Sign in to reply ...
Hi ClaPat Team, is it anyhow possible to place a video in the background of the header section (About Page) instead of a picture?
Hello Richard,
Without modifying the template, disable hero section entirely for the page, do not set any header image for the page and then add a cover video block:
https://themeskills.com/add-cover-image-video-wordpress-gutenberg/
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hey there,thank you for replying. I don't have a "cover" section in the Gutenberg.
Attached files: Bildschirmfoto 2022-06-20 um 15.00.54.png
Hmm, ok try adding avideo embed wpbakery element with class 'full' added to additional class name(s), it will stretch the block full width.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
We tried it but it looks not good
Attached files: Bildschirmfoto 2022-06-20 um 15.18.13.png
Yes, the problem is that we don't have a header video background section in California similar to header background image.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
any other option to create another home page with video header h1 big title and more content when the user scrolls down?
I am not aware of any other option but here are the styles for the background image header
https://prnt.sc/gYfORnOGLmbM
.project-bg-image {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
that can be applied eventually to a video header
the fonts and styles for the captions are actually tied to the .project-bg-image CSS class
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
okay thank you
I have not found a setting to change the colors of the numbers in the "Counter Box". Default is black, do you have to change in custom CSS or is there an option in wordpress?
Attached files: Bildschirmfoto 2022-06-20 um 16.50.37.png
Hello Richard,
yes, custom CSS:
.clapat-counter .number {
color: #000;
}
.clapat-counter .subject {
color: #999;
}
change the hex color code and add the code to customizer -> additional CSS
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy