Customize output
Currently you can’t change th HTML but you may set your own CSS styled by following the HTML markyp below:
<div class="wp_bannerize_banner_box wp_bannerize_category_cocacola"
data-title="Amiga Ball"
data-mime_type="imagegif"
data-impressions_enabled="true"
data-clicks_enabled="true"
data-banner_id="241"
id="wpbanner-241">
<a href="http://undolog.com">
<img src="http://wordpress.dev/wp-content/uploads/2016/10/Boing.gif"
alt="Amiga Ball"
title="Amiga Ball"
width="173px"
height="141px"
border="0"/>
</a>
</div>The most important thing here is the wp_bannerize_banner_box class.
This is the main class that will be used to style the banner.
For example, if you want to set the border of the images, you may use:
.wp_bannerize_banner_box img {
border-radius: 16px;
}As you can see, you may use the wp_bannerize_category_cocacola as well to style a specific banner campaign. Or you may use the ID to style a specific banner.
In addition, you may use the data-* attributes to set the banner properties.
Below, we will add the border radius just for GIF images:
.wp_bannerize_banner_box[data-mime_type=imagegif] img {
border-radius: 16px;
}