When I use a video lightbox, something strange happen with the play button. Only the right and left sides and top of the preview image can launch the video. The center and bottom of the image don't do anything.
Seems like some sort of plugin conflict. Have you tried plugin compatibility test. Please try deactivating your third party plugins one by one while clearing your cache each time in order to figure out if one of them is causing this.
The buttons use the predefined accent colors set up in Salient options > Accent Colors. If does not take these you might need to use custom css in which case you might want to send us a screenshot so we can send you some css for it.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hello again,
When I use a video lightbox, something strange happen with the play button. Only the right and left sides and top of the preview image can launch the video. The center and bottom of the image don't do anything.
How could I fix that ?
Thank you for your help.
Hey there,
Thanks for reaching in,
Seems like some sort of plugin conflict. Have you tried plugin compatibility test. Please try deactivating your third party plugins one by one while clearing your cache each time in order to figure out if one of them is causing this.
Hope this helps,
Regards
Hi Andrew,
Thank you for you answer.
I deactivated the third party plugins one by one but didn't find so I changed for no preview image and just the play button.
I would like to know how I can change the color button ?
Thank you again for your help.
Hey there,
Thanks for reaching in,
The buttons use the predefined accent colors set up in Salient options > Accent Colors. If does not take these you might need to use custom css in which case you might want to send us a screenshot so we can send you some css for it.
Regards
Thank you for your answer.
You can see the page here : https://sandraomi-dev-oh-mon-interieur.pf2.wpserveur.net/
It is the mobile version that use video lightbox.
I don't know why it is black as my accent color is pink. I would like it to be pink.
Thank you for your help.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.mfp-bg { background: #fabcb5 !important; }Thanks
ThemeNectar Support Team
Hello Tahir,
It makes the screen behind the video pink (what is beautiful also), but the play button stay...white in fact. It change from black to white.
Do you know the CSS to change the play button color ?
Thank you very much for your help.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.nectar_video_lightbox path, .span_12.dark .nectar_video_lightbox.play_button_with_text path { fill: #000; } .nectar_video_lightbox.play_button:before, .auto_meta_overlaid_spaced article .content-inner > .play:before{ border-color:#000 !important; }Thanks
ThemeNectar Support Team
Perfect !
Thank you very much !