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, biapar, Willr, Ingo, simon_w

Customize the "comments" section


Reply


3 Posts   1663 Views

Avatar
moskquito

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.

Avatar
Wojtek

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 p.info {
   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 p.info {
   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

Avatar
moskeeto

1 Post

27 March 2008 at 10:57pm

Thanks for the help :)

It worked