Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Triton Lite--Few questions

  1. udaynarayanan
    Member

    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.

  2. thesacredpath
    Member

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

  3. udaynarayanan
    Member

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

  4. thesacredpath
    Member

    You are welcome, and thank you.

  5. udaynarayanan
    Member

    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

  6. thesacredpath
    Member

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

  7. udaynarayanan
    Member

    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

  8. thesacredpath
    Member

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

  9. udaynarayanan
    Member

    That worked! Thanks so much Richard:)

  10. thesacredpath
    Member

    You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags