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.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

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   2182 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