Bullet Points

[HM]

Hey guys,

I know … bullet points again … But I'm pretty new to programming websites and don't really get the clue how to deal with bullet points properly.
If I do it the easy way by typing <ul> … <li> in the source text editor in the gridder it works so far. But the bullet points are outside the box and not left aligned with my headline.
There was a Lay Theme Forum discussion and hints for putting up a CSS for that. But as it doesn't work at my end I guess I need a short step by step manual how the code has to look like and where to put it correctly to get it working.

Thank you in advance!
André

[mariusjopen]

Dear @HM
have a look here:
https://stackoverflow.com/questions/32039846/can-i-use-css-to-add-a-bullet-point-to-any-element
And her:
https://codepen.io/clivewalker/pen/eZWxrm
Best!

Marius

[HM]

Hi Marius,

thanks for the links.
Could you give me an example code for setting up the CSS class?
Still don’t get it working.

Best

[mariusjopen]

Dear @HM
Can you post a link to your website?
We will then have a look and inspect that!
Many wishes!
Marius

[HM]

@mariusjopen

Dear Marius,

I tried several ways, the link to the website shows the current status of code.

http://vitt-hoerakustik.de

I appreciate your help. Thanks.

[HM]

Hello Marius,
after a lot of trial and error, the following css did the trick:

ul {
list-style: none;
}

li {
padding-left: 0.5em;
margin-left: 1em
}

Is that how it’s supposed to look like?
Thanks!

[mariusjopen]

Dear @HM
Ah great! Thank you for sharing and using LayTheme!
Best!
Marius