Jump to:

17452 Posts in 4473 Topics by 1971 members

Archive

SilverStripe Forums » Archive » Customize the "comments" section

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

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

Page: 1
Go to End
Author Topic: 1602 Views
  • moskquito
    Avatar
    Community Member
    1 Post

    Customize the "comments" section Link to this post

    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.

  • Wojtek
    Avatar
    Community Member
    149 Posts

    Re: Customize the "comments" section Link to this post

    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

  • moskeeto
    Avatar
    1 Post

    Re: Customize the "comments" section Link to this post

    Thanks for the help

    It worked

    1602 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.