Footer widget, add bullitpoints to subjects

Hi there,

use a HTML Widget, add this HTML:

<ul class="custom-list">
    <li>Custom list item</li>
    <li>Custom list item</li>
    <li>Custom list item</li>
</ul>

Add this CSS to your Site:

ul.custom-list {
    list-style: none;
}

ul.custom-list li {
    position: relative;
}

ul.custom-list li:before {
    content: '>';
    position: absolute;
    left: -1em;
}

Change the character in the content: '>'; property for a different bullet.

Thank you David, but I am still kind of a student(although 66)

I am using the footer widgets 1,2 and 3

Add CSS is clear to me, but add HTML codes I do not know where.
If I am right you mean it is one or the other.

Anyway I have chosen CSS (nothing seems to have changed)

Can you specify how to handle: Change the character in the content '>': property for a different bullet.
Where exactly do I have find this to change?

Kind regards,
Bram

HTML can be added like this:
https://www.screencast.com/t/TzaMgqlw

As to change the bullet, David actually explained it in his reply:
https://www.screencast.com/t/q0Yihc2zm

Hi Leo, I am so sorry but I really can't find the location ( https://www.screencast.com/t/TzaMgqlw ) Custom HTML to add the HTML code and I still really don't understand where exactly I can change the character.
( https://www.screencast.com/t/q0Yihc2zm )
Please be more specific for me, I am still kind of amateur, I'am so sorry.

Kind regards,
Bram

Does this illustration help?
https://www.screencast.com/t/b0STD237jHLW

And for the character, you can change it David's CSS code:
https://www.screencast.com/t/d1WwEPm3j

Now all is quit clear GREAT!!!
Thanks very much Leo!!

Sorry Leo, too soon, too happy

Under title of the widgets the subject is apparently automaticly made up.
Therefore now it is double, see the footer https://rickmoeliker.nl/
How, or where do I disable the one without the bullet?

Kind regards,
Bram

OK - so you have a Recent Posts widget and a Category Widget - do you want to add bullets to these ?

If so remove the HTML and CSS provided here

And add this CSS instead:

#footer-widgets ul:not(.menu)  {
    margin-left: 1em;
}

#footer-widgets ul:not(.menu) li:before {
    content: '>';
    position: absolute;
    left: -1em;
}

Great David, exactly what I meant.
Thanks very much!!!

Kind regards,
Bram

Glad to be of help