With {Theme} you can add custom text information on your image. For example you can add there date information.
Use for this the following HTML markup:
1 2 3 4 |
<div class="ct-imagedata ct-imagedata--left"> <span class="ct-imagedata-day">2</span> <span class="ct-imagedata-month">Mar</span> </div> |
Element background can be edited with the following CSS:
1 2 3 |
.ct-imagedata { background-image: url("../images/GreendataBG.png"); } |
Additionally you can change element alignment and float by editing classes names in HTML with the following variables:
1 2 3 4 5 |
ct-imagedata ct-imagedata--left ct-imagedata--right ct-imagedata--floatRight ct-imagedata--floatLeft |