Skip to main content
Login Join
Snippet · CSS

Limit Text Editor Height and Add Custom Scrollbar in Elementor

Shared by Jackson Monichan · June 2, 2026

17 views
2 upvotes
Back to Snippets

This CSS snippet adds a vertical scrollbar to the Elementor Text Editor widget when the content exceeds a specified height. It helps save space on pages with long text while maintaining a clean user experience. The scrollbar track and thumb can be customized to match your website design.

selector{
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}
selector::-webkit-scrollbar{
    width: 14px;
}
selector::-webkit-scrollbar-track{
    background: rgba(0, 0, 0, 0.1);
}
selector::-webkit-scrollbar-thumb{
    background: rgba(0, 0, 0, 0.31);
}
Know a different way to do this? Add your approach as a variation so folks can compare them side by side.
Submit a variation

0 comments