Swap background video with image on mobile devices (and vice versa)

The section block is a bit tricky, as it’s a block composition which contains 2 elements.

Working with pseudo elements on section blocks, I recommend going the Relative Styling route to have full access to any property independent of which element you target.

But you are right, there might be something wrong.
I also faced that long time ago.
Already forgot about it, as I gave up with sections and pseudo classes and elements.
Not even sure if it’s an actual issue, the section block is kind of a mystery.
I also had several conversations with Louis regarding the section block and pseudo elements in the past

In the end it doesn’t even matter, as I can’t see any reason not to go the Relative Styling route.
There are also some limitations, as the Relative Styling panel doesn’t reflect 1:1 all the properties from the regular design panel, but still significantly more freedom than working the default way.

Thank you for the response, I am going to test with the just released Cwicly version as there are several Pseudo related fixes in there and see if this makes a difference.

I will raise a bug regarding the section based on this testing.

Yes @Marius, we are finding some small limitations with Cwicly. As you and I both discovered and discussed in a separate post, the background image source tab does not appear in the block inspector for relative styles, so this is a big hindrance to setting background images that way.

I have tested and pseudo elements (before and after) do not currently work with Section blocks but fortunately they do work with other blocks, so there is a potential solution for you, @smontreuil. I need to do some more tests and raise a bug report but I will post an update here later.

Yes, unfortunately the Relative Styling area lacks properties you can find in the regular Design tab. This inconsistency is an issue for me in some instances which I pointed out already here and there.

Some very basic and essential things are missing in the block inspector.
Not sure why that even is. But I still believe that this will be addressed at some point.

@Marius, bug raised for the background source tab:

I do believe this comment is misleading in many ways. Most if not all properties available in the Design panel find their way into Relative Styling. If they don’t, rest assured there is a reason.

There are multiple reasons we have decided to not include a background image source option, yet, as we wanted to introduce it with dynamic possibilities, which requires a completely different perspective… But I can see by the different comments might not be a necessity for most users, so we’ll ship the static background image solution in the next couple of updates.

2 Likes

I could’ve been more specific, this is true.

In the case of the background image property, that’s what I was expecting. But what’s wrong with pointing it out?
The Relative Styling panel is just not mirroring the default design panel (incl. some block specific properties), that’s all I said. Whether it makes sense or not, whether there is a reason for it or not - that’s totally unrelated, as it’s just a neutral and general observation.

There were quite a few posts which addressed that exact topic with several individual examples over the past months without any written feedback from your side. I just summarized it now (in a too general way, even though it was meant rather contextual).

So maybe explanations why individual properties aren’t available with Relative Styling (yet or in general) could have been given in the past. Now, popping up from nowhere regarding this topic and calling it “misleading in many ways” is just the result of missing information which were not given over a longer period of time.

This is a little above my head as I am not a programmer (clearly :rofl:)

1 Like

Well, @Louis has recently confirmed on some other posts that there are a couple of updates planned that will make this easier for us all :brain: