Different size images for backgrounds

I Need Help
1

I’ve made images for each breakpoint 1280 | 992 | 776 | 576 to be used for background
In order for them to appear in each breakpoint what do I need to do?
I looking for more efficient performance.

Thank you to all who share their insight.

2

Hello @KBConcepts

You can add a class to the bloc, and set a different background image for each breakpoint. I kind of show it in this video tutorial for Blocs 3 (it’s the same for Blocs 4).

2 Likes
3

Good to hear from you my friend. I hope is well and you are keeping healthy and safe.
Thank you for replying. That’s what I do use, when I need to. I was hoping to hear of some other methods.
Sadly Blocs no longer has any of the built-in templates and I can’t get anyone to help on that.

4

H folks, interesting informations. How do I set the 3 qualities then? Normally would then have to set 12 photo versions. Every breakpoint + 3 Sizes (1x, 2x, 3x)
Bildschirmfoto 2021-09-28 um 09.26.45

5

And when Blocs will add support for the 2 new additional breakpoints in Bootstrap 5 it will be 18.
Welcome to the world of website design :grin:

2 Likes
6

Hey @Piet That looks interesting, but I don’t understand the language.

7

@Jerry
Didn’t some Bric Designer come up with adding more breakpoint?

8

Yeah, @Whittfield’s Media Query is awesome!

2 Likes
9

Thanks @Jerry , I had a brain freeze.

10

I’m about to have a freezing cold :beer: under my :palm_tree: after a long day. :smiley:

1 Like