So @danstanleyasked yesterday how to display a video background on desktop and instead on mobile devices, only a background image.
I offered him to quickly setup a demo, in case he needs any help. So here we go.
I only used a section block with a video background and the image which is required on mobile devices is just the video placeholder image. So everything is already in place out of the box.
With relative styling it is easy to target the video container, as well as the image container.
So we just need to hide/show our elements on the desired breakpoints.
[In addition, I had to reset a preset animation which would hide the image after a short time.]
Me too
Maybe there will be some “Micro Lessons” in the future on the Cwicly YT channel.
How to properly import/export a page or specific blocks would help a lot and in addition, we could reference to this video everytime as a “how-to” with just a link when we share files for others @Louis.
Awsome! @Marius Cwicly has lot of advanced features beginners like me have no idea how to properly use them, you can create video tutorials for beginers.
Thanks a lot @kane, I perceive the need of it in some posts also over there in the Facebook group.
I know the Cwicly team is aware of it and I’m confident they are already working on that kind of lack. The recent videos on their Youtube channel are a step into the right direction in my opinion.
But you are right, Cwicly is that versatile, no chance they are able to cover everything.
Cases like this one in the thread are a good example for it, I guess.
Indeed, I am planning to do something serious with Cwicly, might start with a side project just to test the waters.
Not quite sure what exactly, there are various possibilities. To be honest, I am clueless what Cwicly users would appreciate in general.
The community is growing but still not to the point where it would make sense to invest serious time in it.
I’m going to build a huge UI Kit with Cwicly for my own projects. It’s something which will take a massive amount of time, but will pay off in the long-run for me. Maybe this is something people are looking for here, who knows. Since I think my UI/UX skills are pretty decent, I might share here and there some components.
Maybe there is a possibility to get more info what the community really wants, so 3rd parties -like contributors- can get some insights as well as the Cwicly team already has
I don’t think Cwicly has that much time to cover all options with weekly videos, for example, the interaction block is mind-blowing am Just started learning design and have no idea what it is capable of.
I was able to drag this to my editor and see @Marius ’ example layout but I don’t see how I can modify this to use for my purposes. I am new to relative styles and love what I know so far but I can’t quite figure out how to use them to assign a background image to a section.
The only difference from @Marius 's example and what you are wanting to do is that he is targeting the Cwicly video background class in his relative style.
Unfortunately when I attempted to modify it I hit against what appears to be a bug with pseudo class elements.
Can you explain what exactly you are referring to?
Just to make sure, in this demo, there is an overlay applied, which is added per pseudo element. This is not added manually, so you can’t find it in the builder.
No known pseudo class/element issues on my side except the one you are referring to.
Cheers, perhaps you can shed some light on what we are seeing then.
When we add a pseudo element to a Section (before or after, for example), we add “”, " ", or " RANDOM " as the pseudo content, give it position, z-index, height and width, and a BG image, etc and in the admin it only appears when we click on the block it is added to.
On the front end nothing appears and no pseudo element is added to the display list.
Not sure what we are missing, if you have any pointers, please let me know.
