Bullet List Style not appearing while editing in rich text editor

Typically I define a smaller stylesheet for the editor. You can simply add a new stylesheet to the CSS Stylesheet app and then in the Sites app on the General tab you can assign the stylesheet to the editor. In most modern stylesheets, there are some global clearing going on and this typically breaks all the functionality in the editor which is why we use a separate smaller subset of a stylesheet.

Thank You for the response Brenden , appreciate it.

I would like to know if there will be any issues in case if I change the default editor css that is presently there .

we already have some custom styles defined in the styles.js for paragraphs in the rich text editor, will i loose it all if i add new small css stylesheet for just bulletin points ?

The styles.js file is different than the styles assigned to the editor box. The styles.js file will define the actual values in the buttons/controls of the editor. The stylesheet will define how they look when you start typing or adding content in the editor.

Thanks for the clarification,

So I know have to remove the default editor stylesheet and replace it with a small stylesheet that will have below css

ul { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px;

}

after this i will simply click on bullet list icon in editor to get a bullet style list ?