Image Banner
An image with your own text and button content centered on top of it.
Image Banner shows a background image with any content you like, such as a heading, text, or a button, centered on top of it. Use it for a promo tile or a small call-to-action banner.
Add it
In WPBakery, click Add Element and pick Image Banner from the Highend Shortcodes category. Or use the shortcode. See Shortcode.
Settings
urlThe banner's background image. The banner's size follows the image's own dimensions, so crop it to whatever size you want the banner to be.
contentThe text and elements shown over the image, entered between the shortcode tags rather than in a field. You can nest other shortcodes here, like [button].
Darktext_colorOptions: Dark, Light. Switch to Light for banner content placed over a dark image.
Common settings
Image Banner also has Entrance Animation, Entrance Delay, and Extra class name fields. See the Elements overview.
Shortcode
[image_banner url="123" text_color="dark"]
<h3>Hey There</h3>
<p>We are a creative design agency based in NYC.</p>
[button link="#" title="Find Out More" color="blue"]
[/image_banner]The banner content is the content between [image_banner] and [/image_banner]; it maps to the Banner Content field, not an attribute.