Recent Posts

Best Blogger | Tech Tutorials
Subscribe Via Rss Subscribe To The Latest Tips & Tricks
Follow On Twitter Follow @naijaclub10_com On Twitter
Receive The Latest Posts Directly To Your Email - It's Free: Email rss Enter Your Email And Click Subscribe
What is rssHave You Subscribed ?

September 02, 2013

Customising Intense Debate Comment Form

Intense debate is a comment system for blogsIt’s very easy to change Intense Debate using the “Custom CSS” option in the settings section. This is important because there are lots of things which need to be customized. With this CSS trick you can do following customization..
 
1. Remove the flashy and annoying “Login” buttons
2. Increase the height of the comment box
3. Enable and customize the “CommentLuv” plugin for IntenseDebate
4. Move the “Name” and “Email” fields above the comment box.

intense-debate-style-css

Step 1. Login to Intese Debate account.. Click on sites menu at top and select the site you want to customize layout.

Step 2. Click on Custom CSS at right side of menu bar.(see images below) and then paste code into box.

Step 3. Now Paste following css code into box and click on save settings.


.idc-postnav-label { display: none !important; }.idc-postnav-list { display: none !important; }.idc-foot { display: none !important; }#idc-container div.idc-text_noresize, #idc-container textarea.idc-text_noresize {height: 200px !important;}/*Pad and prepare new comment and reply comment boxes */#IDCommentsNewThread {position: relative !important;padding-top: 80px !important;}#IDCommentReplyForm1{position: relative !important;padding-top: 80px !important;}#IDCommentReplyDiv{position: relative !important} /*Prepare reply comment for positioning */#IDCommentReplyForm2{position: absolute !important; top: 31px !important; left: 18px !important;}#IDCommentNewThreadForm2 {position: absolute !important; top: 7px !important; left: 10px !important;width: 100% !important;}#luv_field_new {position: absolute !important;top: 10px !important;left: 0 !important;}#luv_field_reply {position: absolute !important;top: 10px !important;left: 0 !important;}#all_luv{font-weight:bold !important;} /*Bold the text for comment luv */span#mylastpost img:first-of-type { display: none !important; }


Step 4. You are done!!

No comments:

Post a Comment