glFusion Wiki

Site Tools


glfusion:styling:comments

Comment Look & Feel

glFusion allows you to easily style the look and feel of the comments. Out of the box, glFusion will display the user's photo next to each comment, if the configuration setting Allow User Photos is enabled.

The specific styles that control the comment look are located in the style.css:

.commentbar-line1 {
  background:transparent;
  color:#000;
  padding:3px;
}

.commentbar-line2 {
  background:#E7E7E7;
  border-bottom:1px solid #FFF;
  border-top:1px solid #FFF;
}

.commentbar-line3 {
  background:#FFF;
  border-bottom:1px solid #FFF;
  color:#000;
  padding:3px;
}

.commenttitle {
  background:#F7F7F7;
  border-bottom:1px solid #E7E7E7;
  border-left:1px solid #E7E7E7;
  border-right:1px solid #E7E7E7;
  border-top:1px solid #E7E7E7;
  font-weight:700;
  padding:3px 0 3px 10px;
}

.comment-edit {
  font-style: italic;
  padding-top:5px;
}

.userphoto {
  width:50px;
  border:1px solid #ccc;
  padding:2px;
}
.groupauthor {
  background:#eef7dd !important;
  border:1px solid #9acc2e !important;
  color:green !important;
}
.articleauthor {
  background:#d8e5f8 !important;
  border:1px solid #629de3 !important;
  color:#0055bb !important;
}
glfusion/styling/comments.txt · Last modified: 2017/04/12 21:11 (external edit)

Page Tools