Friday, August 21, 2020

How to fix Comment Editors Scroll-bar Problem in Firefox Browser

How to fix Comment Editors Scroll-bar Problem in Firefox Browser Those who are using Blogger default comment box in your Blogger site then you would see a small problem; this is known as scrollbar problem, which is not visible In Google chrome browser. But all of your website visitors may not use Google chrome. There are huge Firefox browser users over the net using Firefox for surfing websites, because this is faster and lighter than other web browsers. Definitely you would love to use this browser to surf websites smoothly. But there is a small problem that can be seen in Firefox browsers that scroll-bar. When visitors attempt to make comment through Firefox browser then they face trouble to make comments. In Firefox browser Publish and Preview button almost remain hidden with scrollbar. And most of the commentator wont able to see the button without scrolling. As a result many Blog readers are not commenting in your Blog. This problem arise tremendously on many website those who are using special message or thanks message below Blogger default comment box. I am using a message box below of the blogger comment editor and when I visit my Blog through Firefox browser then Publish and Preview buttons become hidden. Even by using scroll-bar I cant reach there. As a result probably many Blog readers were unable to leave comment in my Blog. However I have found a solution to solve this issue. And I am going to share this with your. Please follow the below steps- Step 1Log in to your Blogger Account and Go to yourBlogger Dashboard Step 2Click on -Template-Edit HTML- Step 3Now find the]]/b:skin by pressing Ctrl+F (Windows) or CMD+F (Mac) Step 4Copy the script from below and Paste it above/before]]/b:skin #comment-editor{height:250px!important} Step 5hit theSavetemplateButton from the top of the editor. I have used a CSS code for fixing the issue. In the above CSS code it is adjusting the Blogger comment editors height to 250px. So after applying the CSS code now always your templates comment editors height would be 250px. And now you would see scroll-bar has removed from your Blogger comment box in Firefox browser. And Publish and Preview buttons also visible. Now website visitors or commentators can easily make and publish comment from Firefox browser which was not possible before.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.