- This topic is empty.
December 31, 2014 at 7:28 am #191943
I’m wondering how to get a coloured, semi-transparant background for videos. I saw it here: http://www.adele.tv/videos/
It didn’t look to complicated but I didn’t succeed..
I have this in my custom CSS:
padding:2px 6px 4px 6px;
border: 1px solid rgba(255, 255, 255, .5);
background: rgba(24, 205, 221, 0.6);
Now I can use it as a text background or even an image but a video won’t work..! Would be nice to add a title and date.
Please help!December 31, 2014 at 7:31 am #191944
The fact that there’s a video shouldn’t matter — that’s just content in a box that has a semi-transparent background.
Do you have an example (or can you create a pen on Codepen.io) where we can see how it doesn’t work for you if you use a video?December 31, 2014 at 7:43 am #191946December 31, 2014 at 7:50 am #191947
I’m afraid we can’t diagnose any problems from a picture — we really need to see how the code ends up in the browser.December 31, 2014 at 8:01 am #191949
I think this is what you need?December 31, 2014 at 8:46 am #191951
If I look at your Pen at http://codepen.io/MichaelFrank/pen/pvNJdG, I don’t see any problems right away; the light blue background is semi-transparent.
Whether you have an image or a video, it should have no impact on the background behind the image or video. See: http://codepen.io/senff/pen/XJNbqJ
If you want to use a video as a background of a box (that’s not what’s happening on the example you gave on the Adele site), that’s a whole different story, but I assume that’s not what you’re asking (since the original post is talking about a background behind a video).December 31, 2014 at 9:00 am #191956
Thanks for the solution! I see in codepen that this works perfectly. However, in my wordpresstheme, I still can’t see the video..
As I think the CSS is correct, I will contact the themebuilder for a working solution for this theme.
- The forum ‘CSS’ is closed to new topics and replies.