Triton Lite–Few questions

  • Author
    Posts
  • #1187088

    I need help with CSS to make the following changes:

    http://udaynarayanan.com/2013/03/15/3/

    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!
    Uday

    The blog I need help with is udaynarayanan.com.

    #1187277

    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;
    }
    #1187314

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

    #1187330

    You are welcome, and thank you.

    #1187353

    Need your help!
    How do I change the font of this text:
    2 THOUGHTS ON “3” in this page: http://udaynarayanan.com/2013/03/15/3/

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

    I am totally new to CSS!

    Regards,
    Uday

    #1187366

    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%;
    }
    #1187371

    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.

    http://udaynarayanan.com/2013/03/15/3/
    In this page it is like:

    “2 THOUGHTS ON “123456”

    Thanks,
    Uday

    #1187372

    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%;
    }
    #1187376

    That worked! Thanks so much Richard:)

    #1187386

    You are welcome.

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