A fully customizable wrapper block to group other blocks together. Create more sophisticated designs with more space, colors, gradients, background images, videos and much more.
We need full height in some cases that we won’t background image; for example, when we have responsive background images, we need to use full height in some designs.
It seems that the content position is not applied for some of the configurations and the content is thus positioned incorrectly.
I have first noticed this issue after #26 but it seems to be related to the attributes rather than the styling.
Currently it is not possible to disable the overlay when a background image is added. The overlay can only be "hidden" by reducing opacity to 0. I propose to extend the Inspector and to add more flexibility in the configuration of the background overlay:
Enable / Disable overlay
Configure Overlay in addition to background color (i.e. separate these two options)
The goal is to have more options when defining the position of a background image. Particularly with different units (px) and relative to different elements in the page (e.g. right or center instead of left).
Toggle "align from center"
Additional units in FocalPointPicker
Reference selection in UnitControls in FocalPointPicker (e.g. right, center, left instead of just left)
Showcase some of the features of the block like background-color, gradient, and background-image with a few examples. Particularly, highlight the flexibility in use and output of these features
Showcase some useful extensions for this block like box-shadow, spacing, and border with a few examples
It seems that the background size option cover does not work. Similarly, when selecting contain, the block still includes class has-background-size-auto, which I believe should be removed.