How can I change list style on text contents?

[Kyung-hyun Roh]

I want to adjust the list indent gap.

Is there any option for adjust indent gap?

How can I change them?

It's too wide.

I want to adjust like below.

Thanks for your fast response.

[Vinitha Jeyakumar]

Hi Kyung,

Your requirement to minimize the indent between the list items can be achieved by customizing the below CSS styles code.

Code snippet:

<style>

.e-richtexteditor .e-rte-content .e-content li,

.e-richtexteditor .e-source-content .e-content li {

  margin-bottom: 0px;

}

</style>

Regards,

Vinitha

[Kyung-hyun Roh]

Hi Vinitha,

It was helpful for me to fixing my problem.

Code snippet:

<style>

.e-richtexteditor .e-rte-content .e-content li,

.e-richtexteditor .e-source-content .e-content li {

margin-top: 5px;

margin-bottom: 5px;

}

.e-richtexteditor .e-rte-content .e-content ul,

.e-richtexteditor .e-source-content .e-content ul {

padding-left: 20px;

}

.e-richtexteditor .e-rte-content .e-content ol,

.e-richtexteditor .e-source-content .e-content ol {

padding-left: 20px;

}

style>

[Vinitha Jeyakumar]

Hi Kyung,

We are glad that your issue has been resolved. Please get back to us if you need any further assistance.

Regards,

Vinitha