CSS in ordered / unordered lists.

[Darryl]

Hello!

I think the most dramatic upgrade I'd love to see to the editor would be to have unordered list menus CSS. A quick example:

<ul class="something">
<li><a href="#">Nav link 1</a></li>
<li class="selected"><a href="#">Nav link 2</a></li>
<ul class="something2">
<li class="selected2"><a href="#">Subnav link 1</a></li>
<li><a href="#">subnav link 2</a></li>
</ul>
<li><a href="#">Nav link 3</a></li>
</ul>

UL lists give much more flexibility with CSS styling, and one can always create a separate template that gives CSS dropdown capabilities, which a user could choose to use but wouldn't come as default to keep it simple for people.

You can right click on a list, and the list properties dialog appears. This could give the option to add CSS class for the entire list. It would also be good to think of a way to class specific items in the list as in my example.

Thanks for your time!

[Wojciech Olchawa]

Hi.

It would be a nice feature to change the appearance of the lists ( bulleted and numbered ). I don't know if it would be better to apply css styles for it or just use html like in #844, but definitely lists appearance options should be developed.

[Alfonso Martínez de Lizarrondo]

#5990 has been marked as dup

[Jakub Ś]

I'm marking #5641 as a duplicate.

[Jakub Ś]

I'm marking #8605 as duplicate

[Jakub Ś]

A lot of users are claiming that after they put a style on li element it does not get applied to list number/bullets (E.g. bigger font size, color)

But if you look at the code you will see that those styles are applied to text in li element and not to li element itself.

The source of the problem is that at the moment CKEditor is missing features like "list style dialog" and "list-item style dialog". Both were mentioned in #844 and #7853.