Change the iCal icon of the Events feature.

The code below will enable you to change the iCal icon in the event list, and details view of the Events feature:

1) Log into your App Manager and select your app.

2) Click Colors from the left-hand-side of the screen (or the middle of the screen).

3) Scroll down to the Advanced SCSS box.  If you already have code in the box do not delete it! Simply add this code “below” the last character of code in the box.

/** Begin change ical icon of events*/

/** List view edit*/

[state='event-list'] img{



[state='event-list'] .item-thumbnail-left{

background-image: url( ;

background-size: 80px 80px !important;

background-repeat: no-repeat;

background-position : 5% 50%


/** Details page edit.*/

[state='event-view'] img{

visibility: hidden;


[state='event-view'] .item-image {

width: 100%;

height : 200px;

opacity: 1;

vertical-align: middle;

background-image: url(;

background-repeat: no-repeat;

background-position: center;

background-size: 200px;


/** Begin change ical icon of events*/

4)Click Save.