Intense Debate Custom Style for Blogger Business Blogshop / Blog

@ written .Monday, June 10, 2013   

Intense Debate Custom Style for Blogger Business Blogshop / Blog
Learn how to AMP'd your blog use Blogr-AMP Blogger AMP HTML template. Blogr-AMP HTML Theme. HTTPS support. No 3rd party services. Increase search & build traffic.
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
================================================== */
.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;

position: relative !important;
padding-top: 145px !important;

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

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:-

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

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.

You can take part too!
Join our sponsors!

This website or its third party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By tapping on "I accept" you agree to the use of cookies.