Intense Debate Custom Style for Blogger Business Blogshop / Blog

Learn how to AMP'd your blog with valid AMP HTML Blogger theme framework. Visit Blogr-AMP Theme and AMPaction Theme. No 3rd party application. Compatible with published posts. Quick in search & on any devices.
Commenting system is one of the best ways to interact with your users / visitors / potential customers at your blog or website, Intense Debate has made it super easy to customize the look and feel of their comment system for Blogger with CommentLuv plug-in activation.

There are several ways to customize your Intense Debate comments layout and design, either inserting the custom CSS styles in your business blog / blogger store template or you can host it with intense debate Custom CSS style features that comes with your free account.

Custom Intense Debtae Minimalist Design Style for Business BlogShop and blog
Example custom Intense Debtae minimalist design style

Here we're about to walk through on how to include custom CSS style / codes for your Intense Debate commenting system for Blogger, and have more control to "co-exist" with your Blogger template overall  design and layout.

Inspired by minimalist-styled design, we've skinned unnecessary / unwanted default Intense Debate comment features, hopefully it would help speed up Blogger template loading, and looks professional just like established websites / blogs do. It will also makes it easier for your blog / website users / visitors to comment on your posts and create healthy links and hopefully build more interaction and traffic.

Customizing Intense Debate Desfault Design / Look / Layout


Go to Intense Dabate website and log-in into your account.

Head over to Sites > select your blog which you have activated / configured / associated with Intense Debate comments.

Now go to Custom CSS section and add these pieces of codes below:-

/* Intense Debate custom styles by www.irsah.com
================================================== */
.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 {
min-height: 80px !important;
box-shadow: 0 none!important;
border-radius: none!important;
margin: 0 0 10px 0 !important;
}/*Pad and prepare new comment and reply comment boxes */

.idc-c-t-inner input[type="textarea"]:focus {
border: 1px solid transparent !important;
border-radius: 0 none!important;
box-shadow: 0 none!important;
}

textarea.idc-text_noresize {
padding: .5em 0!important;
}

#IDCommentsNewThread {
position: relative !important;
padding-top: 145px !important;
}

#IDCommentReplyForm1{
position: relative !important;
padding-top: 145px !important;
}

#IDCommentReplyDiv {
position: relative !important
} /*Prepare reply comment for positioning */

#IDCommentReplyForm2{
position: absolute !important;
top: 31px !important;
left: 0px !important;
}

#IDCommentNewThreadForm2 {
position: absolute !important;
top: 0px !important;
}


Click Save Settings > and preview the modified Intense Debate design / layout at your blog.

In addition you can also select CommentLuv Plug-in, and clean out unwanted add-ons from Intense Debate default styles, by inspecting your dashboard customization features.

By hosting the CSS style codes here at Intense Debate, normally, changes / customizations will take effect immediately.

You can edit to specify and detail out your customize Intense Debate looks just by editing and saving the settings here and preview at you blog / website.

Optional Adding Custom CSS styles to your Blogger Comment System


Intense Debate also allows you to connect your custom CSS style file(s) for your custom Blogger Intense Debate comment design via your hosting account. Here are the steps:-

Open your favorite text editor. Preferably a new file.

Copy the above CSS codes and paste it in your text editor body > click save and make sure the file extension will end with " .css " .

Now, open your favorite FTP program and upload your CSS file to your host server > get the url extension for example:-

If upload to public_html, the  url link will look like so:-

http://your_domain.com/blogger_custom_comments.css


If you upload to a directory in your public_html folder, then the url will look like so:-

http://your_domain.com/your_directory/blogger_custom_comments.css

After determine your url file, paste the full url in the Intense Debate > Customm CSS section > under URL to External Stylesheets area > click Save Setting.

In addition, you can also check your server configurations ie, robot.txt files, if it has been configured to allow robots access, permissions etc, to the folders and files you have just specified.

The custom Intense Debate with CommentLuv plug-in design can be viewed here in our blog and on our website. We hope these workarounds will help you customize useful comment plug-in like Intense Debate, to suit your overall blog / website / blog shop / store  layout and design.
New shopping cart widget for Blogger blogs -- transform your blog & sell products using your blog posts instantly! Visit Add Shopping Cart Widget Page to learn more.

Interesting Related to this Topic at Irsah inDesigns Blog

Got It!

Data submitted via comments collected & stored by the respective providers.

Read our Privacy Policy to learn more on data management & protection.

DISQUS With Us!