Background texture block
Updated 2 days ago
The Background texture block layers an image or SVG as a textured overlay on your section, with controls for opacity, stacking order, and how it blends with the content behind it.
Settings
Set the texture source and how it renders in the block's settings.
Setting | What it does | Default |
|---|---|---|
Image | The image used as the texture. | None |
SVG | Raw SVG markup used as the texture. An SVG pasted here overrides the Image. | Empty |
Texture opacity | Opacity of the texture, from 0 to 1 in steps of 0.1. | 0.1 |
Texture z-index | Stacking order of the texture relative to the surrounding content, from -1 to 5 in steps of 1. | 2 |
Texture mix blend mode | How the texture blends with the content behind it: Normal, Multiply, Screen, Overlay, Darken, Lighten, Color dodge, Color burn, Hard light, Soft light, Difference, Exclusion, Hue, Saturation, Color, or Luminosity. | Normal |
Hide block on desktop / mobile | Hides the block on that device. | Off |