Hi, those strips are IN the image, so they cannot be removed. But with some CSS, they can be hidden.
Try the following, and play some.
.yrc-video .yrc-thumb {
top: -30px;
height: 240px;
overflow: hidden;
}
Thread Starter
Agnes
(@agneslesagegmailcom)
Thanks so much!
That works, with a fex=w adjustments I guess because I enlarged the image in the first place:
.yrc-video .yrc-thumb {
top: -34px;
height: 236px;
overflow: hidden;
}
However, on “hover” the black line on top reappears. I It may not be possible to change that as it is all in % in your css..?
Cf http://www.investincotedazur.com/en/videos/
I have also tried and failed to adjust:
– The playlist
.yrc-playlist-item img{
top: -13px;
height: 78px;
overflow: hidden;
}
– The full player:
.yrc-video .yrc-thumb {
top: -34px;
height: 236px;
overflow: hidden;
}
I guess I am using the wrong markers… Any suggestion?
Thank you for the rgreat support,
Agnes
I’ll reply both your threads tomorrow, it’s midnight here, and I’m on mobile now.
Thread Starter
Agnes
(@agneslesagegmailcom)
Sure, no problem, I am off too in Nice (I thought you were more Westwards!) No big hurry, it is so nice to get your support.
.yrc-video .yrc-thumb {
top: -38px;
height: 236px;
overflow: hidden;
margin-bottom:-20px;
}
For playlists:
.yrc-playlist-item .yrc-thumb{
top: -15px;
height: 88px;
overflow: hidden;
position: relative;
}
Thread Starter
Agnes
(@agneslesagegmailcom)
It works perfect! Yoohoo! Thank you so much 🙂
