I have added this to my css_additional.css:
How could I then change the position and size of the glowing effect only in the shoutbox for the online/offline indicators?
Code:
.shoutbox-widget .shoutbox__avatar .online-status {
color: #0f0; /* adjust online dot icon color as desired */
background-color: #aaa; /* adjust online dot icon color as desired */
position: relative;
border: 4px solid #fff;
box-sizing: border-box;
border-radius: 50%;
top: -10px;
left: 26px;
transform: scale(1.7);
}
.shoutbox-widget .shoutbox__avatar .offline-status {
color: #aaa; /* adjust online dot icon color as desired */
background-color: #aaa; /* adjust online dot icon color as desired */
position: relative;
border: 4px solid #fff;
box-sizing: border-box;
border-radius: 50%;
top: -10px;
left: 26px;
transform: scale(1.7);
}




Comment