How to Solve CSS Overflow: Hidden Problems on Comment Box

Overflow: hidden  is often used for the purpose of float containment. Every single element on a page is a rectangular box. The positioning, sizing and behavior of these boxes can all be controlled via CSS. CSS overflow property  happens when you do set a specific height or width on a box, and the content inside cannot fit.


If you are a blogger who likes captcha on your comment box but with CSS overflow: hidden problem in the comment body thus preventing the commenters to type the captcha and "post comment" due to hidden part of the lower comment box.



Here are  the 2 easy options to solve this that don't require HTML editing.
1. Remove the captcha then moderate comments before posting, this means less HTML editing. Check the link on how to do this, How to Remove Captcha on Blogger Comment Box

2. Change your comment location to Full page or Popup window which will take them to a new page.

How to do this on New Blogger Interface
1. Go to dashboard
2. Settings
3. Posts and comments


4. Save settings

How to do this on Old Blogger Interface
1. Go to dashboard
2. Settings
3. Comments

   a. Comment Form Placement   
                                                                                                    
4. Save settings


<p id="author">Posted By <a href="https://plus.google.com/111543604995539270069?rel=author">Tess Chancellor</a></p>
Tags: , , , , ,

About Filipino Worldwide Bloggers

(FBW) started as a Facebook group on November 1, 2011 as Filipino Bloggers Around the World. As the name implies, the purpose is to unite all Filipino Bloggers around the world.

28 comments

  1. I'll bookmarked this post..:)
    Para kapag nakaencounter ako ganito prob.. alam ko gagawin..:)

    Thanks po sa Pag Share..:)

  2. Great post. I dont want captcha check in comment box, hassle. .
    blogging tips and tricks

  3. thanks for this! I already decided to remove the captcha on my comment box before:)

  4. Very helpful post. Captcha is kinda annoying.

  5. Bookmarked this post.
    I'll check my comment box.
    Thanks for the info Ms. Tess :)

  6. Wow you can disable captcha on your comment box pala. All I thought not. Sometimes its kinda frustrating cause you repeat it many times because of blurry or not-so-clear images. >< Thanks for sharing by the way! :)

  7. Bookmarked this post for future reference. :)

  8. Useful tutorial. Thanks for sharing. I don't really use Blogspot so it really isn't of use to me but atleast now I know if I ever I decided to transfer to Blogspot. :)

  9. Thank you Tess! I learn so much from you!

  10. Thanks for this tip Ms. Tess, will keep his in mind when I finally get my blogger site set up.:)

  11. I'm super dumb when it comes to thinks like this. I find this too much for my brains. Haha! Thanks for sharing this.

  12. Really useful! And disabling Captcha would lessen the hassle of commenting. Typing those insensible words is a waste of time.

  13. I experienced not being able to comment because there were hidden parts because of the captcha though there was a time I simply used the tab key to move in to the area you put the text. Just don't know if it works for all.

  14. Very helpful--- thanks for sharing this post

  15. Very helpful ---- Thanks for sharing ^^__^^

  16. i still don't understand some techie stuff with using blog comment so this is a great help.i will keep tab of this to be handy when i have the prob.thanks

  17. Do you have a tutorial that I can embed the comment box without the glitch other than removing the word verification?

  18. Very informative! Sometimes I find it really annoying when you can't hit the right verification code and you have to do it again. Now I know how to figure it out... I'm giving you two-thumbs UP for this post!

  19. marami nga akong napansing ganyang problem sa mga blog, at least now Blogger has a way to resolve this without getting deep into the codes :)

  20. Very easy to follow. Thanks!

  21. This is the basic info and it is in fact a useful tips. I will apply this.

  22. I found your website perfect for my needs. It contains wonderful and helpful posts. I have read most of them and got a lot from them. To me, you are doing the great effort. Really i am impressed from this post.

  23. Thank You! recommended to new bloggers that having a hard time in fixing design.

  24. This is so cool. I am such a huge fan of their work. I really am impressed with how much you have worked to make this website so enjoyable.

  25. Fascinating blog! Your depiction is attention-grabbing. Thanks for sharing your valued vision.

Leave a Reply

Related Posts Plugin for WordPress, Blogger...