Lists indent 2nd line

[Kirsten]

Hello,

I read a lot of topics about this but still can’t find a solution that works.
It would be nice to fix, as a typography aesthetic, the way list lines of text appear in lists when the phrase is to long and requires a line break. Is there a way to control the new line to indent inwards the amount of the bulleted icon?

See this page: http://slanknd129.129.axc.nl/slank-en-gezond-plan/de-verschillende-fases/
Little scroll you see a colored row with 2 icon boxes. In the boxes I used lists. It would be great if the second line in the lists can line up with the first line.

Can you guys help me? It’s a site wide issue.

Best,
Kirsten

[Kyle – SUPPORT]

Hi

Please add this to your custom css:

.sf-list {
  text-indent: -0.7em;
}

– Kyle

[Kirsten]

Fixed!

For other users: I allready had some css code to try and create it in my theme file. So I added this to that to get it right. The whole piece of code is:

.sf-list {
padding-left: 1.3em;
text-indent: -0.7em;
}

Best,
Kirsten

[Kyle – SUPPORT]

Great! 🙂

– Kyle