Remove Scrollbars from syntaxhighlighter

It's easy to remove the scrollbars that's generated by the syntax highlighter plugin  go to the CSS file you using provided in the plugin for example" shCoreDefault.css" or the cutom css theme file you're using.
and find class

 .syntaxhighlighter and comment or remove 
overflow: auto !important;

that's it the scrollbar's that's created by the plugin is gone and you'll get the default scroll bars of the browser window
Remove Scrollbars from syntaxhighlighter
Comment the lines shown above


  1. Nice Blog and Providing Useful information.A very inspiring post as well as inspiring taught thus, I really appreciate it! Thanks.


  2. This comment has been removed by a blog administrator.

  3. It’s very useful post, Web development is not a simple task. It involves a team of large number of people with creative minds and with mindset of creating something new every time. Ecommerce is gaining significance because large number of people are now becoming online shoppers. Online shopping is in vogue today. Many of the people and from all over the world are showing a lot of interest in this stream. Nice Post.
    Hire Magento Developers

  4. This is really essential information for web designing people to Remove Scrollbars from syntaxhighlighter in websites.I really glad to this blog for giving this kind of useful information.
    Web Design Company | Web Development Company

  5. Very Nice Post. I really appreciate with your blog.
    All India Advertisement Service
    Our Type Of Service Like:- Pay per click, Seo Service, Social Marketing, web Design Company Cheap And Best Service in All Over India.

  6. thanks for the code it is working proper for me thanks


Post a Comment

Thanks for Visiting for any questions or suggestions please comment below

Popular posts from this blog

Advanced Jquery easing | Demo and Download