Triton Lite–Few questions

  • Author
  • #1187088

    I need help with CSS to make the following changes:

    1) Reduce the thickness of the white bars under each title in the sidebar like ‘Follow my blog’, ‘Archive’ etc
    2) Remove white lines above and below every comment.
    3) Remove the grey bar above the first comment.
    4) Change the font size and style of the titles of widgets like ‘Archive’, ‘Follow my blog’ etc

    Thanks in advance!

    The blog I need help with is


    1. would be here:

    .lay1 > div {
    border-bottom: 7px solid #DFDFDF;

    2. would be this:

    ol.commentlist li.bypostauthor div.comment, ol.commentlist li.bypostauthor li.bypostauthor div.comment, ol.commentlist li.bypostauthor li.bypostauthor li.bypostauthor div.comment {
    border-bottom: none;
    border-top: none;

    3. would be this:

    #posts .post-content {
    border-bottom: none;

    4. Pretty much everything to do with widget titles would be here:

    #sidebar .widgets .widgettitle, #sidebar .widgets .widgettitle a {
    border-bottom: 5px solid #DFDFDF;
    color: #171717;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    padding-bottom: 10px;
    text-transform: uppercase;

    Each one of them worked! Thank you so much thesacredpath! You rock!!


    You are welcome, and thank you.


    Need your help!
    How do I change the font of this text:
    2 THOUGHTS ON “3” in this page:

    Also, is it possible to change the size and style of the search box?

    I am totally new to CSS!



    Uday, not seeing that text on that page.

    Pretty much everything to do with search widget styling is in these.

    #searchform #s, #searchsubmit {
        background: #F9F9F9;
        border: 1px solid #CCCCCC;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
        color: #7F7F7F;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 13px;
        padding: 5px;
    #searchform #s {
        float: left;
        margin-right: 10px;
        width: 180px;
    #searchform #s {
        height: 24px;
        margin-bottom: 10px;
        width: 100%;

    The codes for search box worked!

    Actually I was talking about the text just above the first comment. The one that tells you the number of comments posted.
    In this page it is like:

    “2 THOUGHTS ON “123456”



    This would be the general stuff for that line above the comments.

    #comments-title {
    color: #CC0000;
    font-family: calluna-sans-1,calluna-sans-2,Arial,Helvetica,sans-serif;
    font-size: 100%;

    That worked! Thanks so much Richard:)


    You are welcome.

The topic ‘Triton Lite–Few questions’ is closed to new replies.