Indenting lines after using a bullet point

[tsimarketing]

I have noticed that when I have a sentence using a bullet point, when the sentence continues to the next line there is no indention so the beginning of the second line lines up with the beginning of the first line. I have attached a screenshot showing you what I’m talking about. Is there a specific code I can add to my custom CSS section of the theme options so the second & third lines etc. line up with the beginning of the first line rather than the bullet point.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

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

– Kyle

[tsimarketing]

It doesn’t seem to be adding an indent to the second lines of the bullet points. I have even tried changing the numbers for the padding and text-indent. Would something else on my website be over riding this action?

[Kyle – SUPPORT]

Try this instead:

.spb_wrapper > ul {
  padding-left: 1.3em;
  text-indent: -0.9em;
}

– Kyle

[tsimarketing]

Yes! That worked. Thank you!

[Kyle – SUPPORT]

Great! No problem 🙂

– Kyle