Triton Lite–Few questions

• 

  udaynarayanan · Member · Mar 18, 2013 at 4:38 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 18, 2013 at 4:54 am

  • Copy link

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

• 

  udaynarayanan · Member · Mar 18, 2013 at 7:17 am

  • Copy link

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

• 

  thesacredpath · Member · Mar 18, 2013 at 7:37 am

  • Copy link

  You are welcome, and thank you.

• 

  udaynarayanan · Member · Mar 18, 2013 at 9:17 am

  • Copy link

  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

• 

  thesacredpath · Member · Mar 18, 2013 at 2:54 pm

  • Copy link

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

• 

  udaynarayanan · Member · Mar 18, 2013 at 4:09 pm

  • Copy link

  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

• 

  thesacredpath · Member · Mar 18, 2013 at 4:48 pm

  • Copy link

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

• 

  udaynarayanan · Member · Mar 18, 2013 at 5:28 pm

  • Copy link

  That worked! Thanks so much Richard:)

• 

  thesacredpath · Member · Mar 18, 2013 at 7:31 pm

  • Copy link

  You are welcome.