Example one
This is the default Image With Text Overlay component. Text is aligned bottom-left. No overlay effect is used to add contrast support to the text.
Example one
This is the default Image With Text Overlay component. Text is aligned bottom-left. No overlay effect is used to add contrast support to the text.
Example two
This example uses the wide layout option and an overlay effect gradient-bottom-up to support text contrast.
Example two
This example uses the wide layout option and an overlay effect gradient-bottom-up to support text contrast.
Example three
The text position in this example is top-right. The component supports 9 text position options to choose from.
Example three
The text position in this example is top-right. The component supports 9 text position options to choose from.
Example four
In this example the text position is bottom-center. The overlay option is tint, slightly darkening the image, to support contrast and legibility.
Example four
In this example the text position is bottom-center. The overlay option is tint, slightly darkening the image, to support contrast and legibility.
Example five
This example features text overlay option box, adding a white boxed background behind the text.
Example five
This example features text overlay option box, adding a white boxed background behind the text.