Love this? Give it a tweet!
Banners are probably the most common request on a website, and most marketing teams want the flexibility to customize them how they want. This can require multiple fields in Umbraco that are clunky and often confusing, so we've made it easier by combining everything into one place!
Install the selected release through the Umbraco package installer or download and install locally from Our.
After installing the package, create a new DataType and select "Text Over Image" from the property editor dropdown, update the DataType's settings, then add it to a DocType of your choice.
Some things are better seen in action, so check out our demo video to get an idea for how robust this property is!
After installing the package from Our, the next step is to set up a new data type. From there, you can set the settings you want to be allowed for that specific instance of the banner, like so:
After you've done the initial setup, place this editor on a DocType. Then you can copy the code below (both the CSS file and the Razor partial view) to quickly render the banner on the front of your site. Voila! Easy as pie.