Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Archive /

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo

Customize the "comments" section

Go to End

3 Posts   1915 Views


Community Member, 1 Post

24 March 2008 at 8:23am

Hey everybody,

I've been using silverstripe and I'm really satisfied with it. I just have one little problem.
On the site I've created, there's a guestbook, but where do I tweak the layout on comments?
Where is the css for the comments?

I would like to change the color and the font, for instance. Hope you can help me.


Community Member, 149 Posts

24 March 2008 at 12:18pm

If you're using one of the default themes, in css/layout.css there should be something like:

#CommentHolder ul {
list-style: none;
margin: 20px 0;

#PageComments li {
margin: 5px 0;
padding: 1px;
width: 88%;
#PageComments li.odd {
background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
padding-left: 40px;
padding-right: 10px;
border-bottom: 2px solid #BCE4FE;

#PageComments li.even {
background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
padding-right: 40px;
padding-left: 10px;

#PageComments li.odd {
color: #3AA0C3;

.actionLinks li a {
padding-right: 3px;
font-size: 10px;
.actionLinks li {
display: inline;
border-right: 1px solid;
.actionLinks li.last {
border-right: none;

.commentrss {
background: transparent url(../images/feed-icon-14x14.png) no-repeat;
padding-left: 20px;
font-size: 1.1em;
line-height: 1.6em;
#PageCommentsPagination p {
text-align: center;
font-size: 1.2em;
#PageComments p {
font-size: 1em;
#PageComments {
color: #999;
margin: 0px;
padding: 0;
line-height: 1em;
font-size: 0.9em;

if there is, just modify it the way you want. If it's not, insert this part of code and then modify it the way you like


1 Post

27 March 2008 at 10:57pm

Thanks for the help :)

It worked