Multiple backgrounds

[webmaat]

Hi,

When I use multiple backgrounds I must handcode these with CSS.
f.e.: I have 2 svg’s acting as dividers AND a linear-gradient. I must code all of them in CSS. Can’t have 1 in Cwicly and 2 hardcoded.

Also a different background on mobile. I searches this, also in documentation, but strangely enough I couldn’t find this option (?)

Would be great if Cwicly manages this with the possibility of having a “+” just like "style 1 2 & 3 on global panel to setup 3 backgrounds with 1 - 9 backgrounds

[smontreuil]

I am looking for the ability to assign different background images to different screen sizes - I think that aligns with this feature request.

[StrangeTech]

Hi @smontreuil ,

This feature request is about having multiple background images per block.

I thinking for responsive backgrounds the following topics may be more in line with what you are wanting:

Responsive background colours have been added recently:

Colors do not respect breakpoints

@Louis, we tested this and confirm it appears to be working perfectly in the latest Cwicly version with text colours and background colours (both solids and gradients). Thank you for adding this, it seems it can be marked as done.

Responsive background images/videos are not yet supported but @Marius provided a way to accomplish it using relative styles:

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

So @danstanley asked 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. …

I am going to raise a dedicated feature request for responsive background images/videos now, since there isn’t one that I can find.

[StrangeTech]

Dedicated feature request now here:

Responsive background images/videos for desktop, tablet mobile breakpoints

It will be good to be able to show a different background image on different responsive breakpoints as some designers prefer to use dedicated images for desktop and mobile. Now that Cwicly supports responsive background colours/gradients this is a logical progression. It is related to: Here is a workaround as demonstrated by @Marius using relative styles: Thank you.

[smontreuil]

Thanks @StrangeTech , voted.

[webmaat]

my request was also for that. but I’m glad I’m seeing more requests coming by.

[StrangeTech]

Just highlighting this as we hit this limitation while working on a site today.

It will be so great for our clients to be able to swap images via the UI that we have pre-added and positioned for them, so this is a very highly anticipated feature.