Tuesday, September 04, 2012

Thesis Themes Customization: 14 | Author Comment Style

I will use 1.8 Developer version of Thesis Theme

LogIn to your Dashboard and Go to Thesis > Custom File Editor
Author Comment Style in thesis theme, admin comment style in thesis,author comment different style in thesis, author comment styling
Select custom.css file and place this code below it:
/******************************************************************/
/* Author Comment Style BY Allhelpz.blogspot.com */
/******************************************************************/
.avatar img { float:left; margin-left: 0.3em;}
.custom dl#comment_list dd.bypostauthor { background-color:#e7f8fb;  -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 1.5px; border: 1.5px solid #048bb7;}
TO Show Image Right Side:
Select custom.css file and place this code below it:
/******************************************************************/
/* Author Comment Style BY allhelpz.blogspot.com */
/******************************************************************/
.avatar img { float:left; margin-left: 0.3em;}
.custom dl#comment_list dd.bypostauthor { background-color:#e7f8fb;  -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 1.5px; border: 1.5px solid #048bb7;}
.custom dl#comment_list dt.bypostauthor { background-color:#e7f8fb; padding-top:20px; background: url(YOUR-IMAGE-URL-HERE) no-repeat scroll right -0.4em ;}
Style Replay Button:
/******************************************************************/
/* Author Comment Style BY allhelpz.blogspot.com */
/******************************************************************/
.custom .comment-reply-link { background: #990000; padding: 0.4em; -moz-border-radius: 3px; -khtml-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; font-family: SolaimanLipi, "Siyam Rupali", AponaLohit, Vrinda; font-color: #ffffff;}
/*Box Thread Discussion*/
.custom #comment_list { background: #048bb7; padding: 0.2em; -moz-border-radius: 3px; -khtml-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; }
      .custom #comment_list dd { margin-bottom: 0.2em; }
      .custom #comment_list .comment { background: #bdf7cf; font-family: SolaimanLipi, "Siyam Rupali", AponaLohit, Vrinda; }
Now save it.
[Please comment for any Problem]

No comments:

Post a Comment

!! COMMENT HERE FOR ANY PROBLEM !!

Featured post

WordPress yoast plugin remove date or article:published_time

Yoast is an essential plugin for WordPress SEO. It is one of the best SEO plugin for wordpress right now. But, after disabling date from ...