/ all snippets

Add Scroll Bar to Text Editor Widget

This CSS snippet adds a scroll bar to the Elementor Text Editor widget. Useful to save space when you need to add long text.

If you don't have Elementor Pro, you can replace the prefix of "selector" with a CSS class you can define yourself. To add the CSS snippet, you can use the HTML widget.

selector{
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
}
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);
}