Small CSS List Issue

[zenzero]

Hej

Please see attached picture. Miss some CSS Code like

body ul li {list-style-position: outside; }

But when I add this the list content/bullets moving to the left, missing some space…

Please help – thank you for your reply!

Best regards! Andy

Screenshto

[Melanie – SUPPORT]

Hi,

I’m afraid I cannot follow… why do you add the css if everything it does is breaking the list view?

Cheers

[zenzero]

Hi Melanie

Thank you for your reply. Please see the blue markers on the second attachmend below.

If in the list are too much words for one phrase and there is a word wrap, the first word on the second line is a bit tooo much on the left.

Got it? 🙂 Best regards, Andy

Screen2

[Melanie – SUPPORT]

Add a padding left to the list,
like

ul li { padding-left: 10px; }

Cheers

[zenzero]

Thank you for your reply. This does only affect to the list text, not to the list-style-type:disc – they are remaining too far on the left…

Skål,
Andy

[zenzero]

Solved with this CSS code:

#case-management.spb_wrapper ul li {padding-bottom: 5px; list-style-position:outside; padding-left:1px; margin-left:15px;}

Screenshot 3

List “margin-left” with the accordion DIV name and the class .spb_wrapper

Skål

[Melanie – SUPPORT]

Good