Custom Styles: Case Studies

Change default avatar in official meetings

To change that grey person, create a new css box applicable only in "meetings" and add the following code, replacing URL by the location of the image you want to use as avatar:

/* change avatar in meetings list,
   change avatar inside meeting items */
div#meetings div.author-data span.author__avatar img,
div.view-header div.author-data span.author__avatar img {  
  display: none;  
}
div#meetings div.author-data span.author__avatar,
div.view-header div.author-data span.author__avatar { 
  background-image: url(URL);
  background-size: cover;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
}

Works in Firefox, Chrome and Safari. Not tested in other browsers yet.