How to add static color on our focus section in Zelle
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/