You can easily change what icon will be displayed in box by changing the svg icone code you want to use.
Full set of the icons used in the {Theme} you will find in {icon_file}. All you need to do is to copy the code the the Event Box markup.
HTML markup
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<a href="#" class="ct-event-box"> <div class="ct-event-box__inner"> <div class="ct-event-box__icon"> <div class="inner"> <svg width="28px" height="31px" viewbox="0 0 28 31" class="ct-icon ct-icon--return"> <path d="M 16.6 3.82C 16.65 3 16.69 2.17 16.73 1.34 16.78 0.37 15.56-0.37 14.74 0.19 12.91 1.45 10.79 2.08 9.04 3.47 8.61 3.81 8.52 4.64 8.83 5.08 10.16 6.92 11.8 8.62 13.72 9.87 13.86 10.05 14.06 10.17 14.29 10.22 15.09 10.6 15.82 10.07 16.04 9.38 16.09 9.27 16.12 9.15 16.14 9.01 16.25 8.17 16.33 7.32 16.4 6.47 24.27 7.15 27.32 15.79 24.01 22.67 22.14 26.58 18.5 28.37 14.3 28.35 6.71 28.33 2.01 23.07 2.73 15.46 2.89 13.76 0.25 13.78 0.09 15.46-0.67 23.43 3.93 29.69 11.85 30.81 17.39 31.59 22.49 29.93 25.64 25.16 28.27 21.2 28.67 15.74 27.01 11.35 25.29 6.78 21.26 4.19 16.6 3.82ZM 13.75 6.6C 13.07 6.02 12.44 5.38 11.87 4.7 12.54 4.3 13.25 3.97 13.96 3.63 13.9 4.62 13.83 5.61 13.75 6.6Z"></path> </svg> </div> </div> <h3 class="ct-event-box__header">Everyday Parties</h3> <div class="ct-event-box__hover"> <div class="inner"> <h5 class="ct-event-box__header">Everyday Parties</h5> <p class="ct-event-box__content">Lorem ipsum dolor sitam consectetur brevis estia nunc aeneat brevis es. </p> </div> </div> </div></a> |
Screenshot
Event Box