How to add static color on our focus section in Zelle

Important notice: This product is now in maintenance mode and is no longer being actively developed or supported. Updates and bug fixes will not be provided unless they relate to security concerns.

The circles within the Focus section of the front page are filled in with color only when hovering over them.

In order to add a static color on them please navigate to  Appearance -> Customize -> Advanced CSS Editor add the following code:

/* first */
#focus span:nth-child(1) .focus-box .service-icon{
border: 10px solid #000 !important;
}

/* second */
#focus span:nth-child(2) .focus-box .service-icon{
border: 10px solid #000 !important;
}

/* third */
#focus span:nth-child(3) .focus-box .service-icon{
border: 10px solid #000 !important;
}

/* forth */
#focus span:nth-child(4) .focus-box .service-icon{
border: 10px solid #000 !important;
}

A custom color can be generated with this color picker: http://www.hexcolortool.com/