Bullet Points

[Gregor]

Hello everyone, hey Armin :)
i tried several ways to create a list with bullet points. So, i'm not that kind of web-guy but after a little googling i'd tried out the way with
<ul>
<li> ... </li>
<li> ... </li>
<li> ... </li>
</ul>

But with this i'm getting pretty ugly big Bullet Points. They seem to not keep the Text-Format. So i'd read sth about to create a child theme.. Too much for me & before i'm going a wrong way, maybe someone has a fast & good workaround or can tell me, where the magic-button is hiding ;)

I also tried Tables, which working fine until going to mobile-view (they don't wrap the text)

I also tried it manually with the bullet-point-glyph, which looks good until mobile-view: the wrapped text starts with the bullet point on the next line then (for sure) - but this would be fastest and most times good looking way now.

thx all

[arminunruh]

Hey Gregor!
You don't need to create a child theme.
I think the easiest way to do that is use an image and the "list-style-image" css property:

https://developer.mozilla.org/en/docs/Web/CSS/list-style-image

You could upload your own bullet image to the media library, get its url and then put your custom css into "lay options" -> "custom css & html"

[arminunruh]

Here's another example, someone is using a font and li:before to create their own bulletpoints: http://codepen.io/kieranfivestars/pen/tbpCj

[Gregor]

Thank you very much Armin! I'll try :smile: