ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• June 9, 2014 at 11:42 am #81100
  Kirsten

  Member

  Post count: 234

  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

  June 9, 2014 at 12:04 pm #81109
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Please add this to your custom css:

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

  – Kyle

  June 9, 2014 at 12:21 pm #81114
  Kirsten

  Member

  Post count: 234

  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

  June 9, 2014 at 12:22 pm #81115
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Great! 🙂

  – Kyle

• Back to forum

  Posted in: Dante