HackingUniversity - Hacks . Tricks . How-To's

27 August 2013

How to Make Default Blogger Comment Box Full Width

If you have recently joined blogger as a newbie and you have started designing your template you might have figured out that you do not have much possibility to design your default comment box in blogger. Well the one thing that looks really odd in that is its width that is not full and is aligned to left hand side, yup that thing just make it look bad, so we have to figure out some good solution to make it full width so that it looks good and side by side fits well.

So now we will adding a simple CSS value that we used for making our images fit well in blogger too, so this one works well and is really easy to be implemented. Now another good thing about this one is if you have created your theme responsive then this will really help you out. So lets see how this thing works.

  1. Open Blogger > Template > Edit HTML.
  2. Press Ctrl + F & search for ]]></b:skin> tag & paste below code above it.

    #comment-editor{width:100%!important}
    .comment-form{width:100%;max-width:100%}

  3. Now this code will automatically make your comment form width to 100%, well this works perfectly in most of the blog, but still if you face some extra width going on to right, just make your width to 98 or 99% that will work pretty good.

So now enjoy customizing your blogs comment's width and making it look much more awesome, do comment if you face any problem's.