Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
Normal
You could play with it lots via extra.less , like this for example..[CODE=css].message-avatar-wrapper .message-avatar-online:before { font-family: 'Font Awesome 5 Pro'; font-size: inherit; font-style: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f111"; line-height: 1; font-weight: bold; color: #7fb900; border-radius: 50%; border: none !important; display: inline-block; transition: transform 0.2s, opacity 0.2s; animation: pulsing 2s infinite;}@keyframes pulsing { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(2); opacity: 0; } 100% { transform: scale(1); opacity: 0; }}[/CODE]..which gives it a solid green pulsing icon instead...but you could change it more.
You could play with it lots via extra.less , like this for example..
[CODE=css].message-avatar-wrapper .message-avatar-online:before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f111";
line-height: 1;
font-weight: bold;
color: #7fb900;
border-radius: 50%;
border: none !important;
display: inline-block;
transition: transform 0.2s, opacity 0.2s;
animation: pulsing 2s infinite;
}
@keyframes pulsing {
0% {
transform: scale(1);
opacity: 1;
50% {
transform: scale(2);
opacity: 0;
100% {
}[/CODE]
..which gives it a solid green pulsing icon instead...but you could change it more.
We use essential cookies to make this site work, and optional cookies to enhance your experience.
See further information and configure your preferences