Hello Users,
Currently I’m changing the Background colour of a YouTube block (that is linked to a playlist).
Strange this background keeps black this are the settings to change it to Red but noting works (also doing the Background opacity to 0 doesn’t work)
– Is this a UI bug? or I’m doing something wrong?
Krs
Hi,
I think that you are referring to the options from css tab -> https://i.imgur.com/4j45tpo.png these will not apply on the video playlist, these are for background set behind the element, for example -> https://i.imgur.com/T4yhFaP.png
Thank you!
Yes correct, But how do I change this blacks to fit more into the white article style ?
https://ibb.co/JRvmxpV
krs
Hi,
This can be done only with custom css, if you want you can try this css -> https://i.imgur.com/LTpO0ej.png
.td_wrapper_video_playlist .td_video_currently_playing {
background-color: pink;
}
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper{
background-color: #2196F3;
}
.td_wrapper_video_playlist .td_video_currently_playing:after, .item-list-tabs .feed:hover {
border-color: #2196F3!important;
}
.td_wrapper_video_playlist .td_container_video_playlist {
background-color: #777777!important;
}
If you want you can change the colors.
Also the code need to be set in Theme panel > Custom code> Custom css.
Thank you for your understanding!
Great fix Calin.
Is there also a way that I can do this for YouTube block A without affecting the colours of YouTube block B? If they are on the same page?
Krs
Hi,
I think that you can do that, but is a little more work to do, for example add an extra class on each video -> https://i.imgur.com/fd5Ekcx.png make sure that you set a blank space after the class, after that use that class in the from of the above css like this -> https://i.imgur.com/FtY9SKm.png
Hope this will help you!
Thank you!
That worked great thanks Calin
