Hi there,
First post, so hi there. I'm hoping someone can help me.
I am trying to add the following custom css:
.player .video-wrapper .video {
top: -30px;
left: 30px;
}
.player.no-playbar:not(:-webkit-full-screen) .controls {
display: none;
}
.player.no-playbar.no-fullscreen-api-support .controls {
display : none;
}
.rev_slider_wrapper a border:none or frameborder=”0”
I cannot get any of this to work. I'm assuming the code is called too early and gets overwritten by the CSS already being used.
The custom CSS is meant to hide the video player controls in the revolution slider and also remove the border that seems to sit around the video within the slider.
I used inspect element within google chrome to see the code I needed to get things to behave how I want but this custom code doesn't execute.
The player no border commands have never worked even though I found the code on a site that explained this code should remove the vimeo border.
I did paste this code in the theme custom css, revolution slider custom css and lastly the theme junkie custom css seperatly to no avail.
Can anyone help me out ?
Site is at: http://www.visomi.com - if you wait for the animation to appear (3rd slide on main page) you will see what I mean.
Thanks
Steve