Text Editor

Hi,

I know that can be a pain.

Please try the following:

Use backspace to get the second line up to the first one
make sure there is no space between that first line and the second one.
Then hit “return” key while holding the “shift key”
that should add a bullet.

This happens because it automatically creates paragraphs.

Sorry it did not work.

Can you provide a screenshot of what you are doing in the backend?
You could use a free tool like https://www.loom.com/ for that.

It can help if you provide the URL of where this is happening and tell me in what editor you are trying to work. Is it in Elementor the text widget?
Do you have the https://nl.wordpress.org/plugins/tinymce-advanced/ installed?

Are you trying to copy paste from some word-like already styled document?

Usually when I want bullet lists, I create the text from scratch or create the text in a very simple, non styled text document, then select all the sentences and hit the bullet list icon.

Made a short video to show what I mean:
https://www.screencast.com/t/uukCIa6tRJix

• This reply was modified 6 years, 5 months ago by LogoLogics.
• This reply was modified 6 years, 5 months ago by LogoLogics.

1. You don’t need Tinymce Advanced
2. & 3. You are doing it right.

<ol>
  <li>Line 1</li>
  <li>Line 2</li>
  <li>Line 3</li>
</ol>

4. The tool is working as designed however your underlying theme or another plugin has some css styling that is hiding the list style thus no bullet points. Likely a list-style: none; applied somewhere.

You could try adding a class or id to your text element in the advanced tab and then use one of the many ways to add custom css to WordPress (even using an HTML element from Elementor) and do something like:

a) Add “ol-bullets” as a class to your text element. (no leading period, just the name)

b) then for your custom css:

.ol-bullets ol {
  list-style: inherit !important;
  list-style-type: decimal !important;
}

This targets your text editor with the class of “ol-bullets” and finds any “ol” element within it to apply this style to. The list-style: inherit; acts as a reset.

or in the case of un-ordered lists (ul):

.ul-bullets ul {
  list-style: inherit !important;
  list-style-type: disc !important;
}

*you can also see if it works without the !important declaration at the end. It’s best to only use !important if absolutely necessary.

• This reply was modified 6 years, 5 months ago by pingram. Reason: further clarity