embedded video background-color class button

Hi Peter,

The video poster uses an HTML BUTTON element that matches the CSS selector from Themler style. It looks like this is button:not([class]):hover selector. But this is strange because the poster button should have ".u-video-poster" class. You can override the background color for this selector with custom css. It should help.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Last edited 14 December 2020 by Support Team

I found this code:

Hi,

Yes, this is it.
You need to set background for this element, For example:

.u-video-poster:hover
{
background-color: transparent;
}

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Olivia!

Unfortunately this does not work. blue rectangle on hover is back when I use code above.

When I add the whole code block it's ok:
/* no Video background */
.bd-button:focus, .bd-button:hover, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) button:focus, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) button:hover, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type=button]:focus, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type=button]:hover, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type=submit]:focus, .bd-tagstyles:not(.bd-custom-button):not(.shape-only) input[type=submit]:hover, a.bd-button[href]:focus, a.bd-button[href]:hover, button.bd-button:focus, button.bd-button:hover, button:not([class]):focus, button:not([class]):hover, input.bd-button:focus, input.bd-button:hover, input[type=button]:not([class]):focus, input[type=button]:not([class]):hover, input[type=submit]:not([class]):focus, input[type=submit]:not([class]):hover {
background-color: transparent;
text-decoration: none;
color: #fff;
background-image: none;
}

/* does not work

.u-video-poster:hover
{
background-color: transparent;
}

*/

Sincerely
Peter

Hi Peter,

Could you please provide a link to the page that demonstrates the issue so we can see the source of this video element?

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Olivia,

URL is https://notenfighter.de/ausbildung

Sincerely
Peter

Hi Peter,

Thank you.
The code is applied but need important rule:

.nicepage-container button.u-video-poster:hover {
    background-color: transparent!important;
}

Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Olivia,

great! Thanks a lot for great support.

Wish you Merry Christmas!

Sincerely
Peter

Hi Peter,

You're welcome. Please let us know if you have any further questions.

Wish you Merry Christmas and Happy New Year!

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp