Indent second line of text in unordered list

Beaver Builder
1

Hi Guys,

This is really related to responsiveness but how can we tell text in an unordered list to indent if the width of the device causes a line break?

Example just t be clear:

Full width it looks like this

  • This is our first line of text in the list.
  • This is our second line of text in the list.
  • This is our third line of text in the list.

Somewhere between big screen and mobile we end up with this

  • This is our first line of
    text in the list.
  • This is our second line of
    text in the list.
  • This is our third line of
    text in the list.

When the line breaks we would like the start of the second line of text to neatly line up with the first for each line item.

I should point out that for the bullet icon we are using an image

How can we achieve this?

Thanks

2

Hi Gary,

Would it be possible for you to provide a link to the page in question, please. As, the next line should be indented automatically.

For example, I have just this moment added the Text Module to a test site of mine and added a basic unordered list and when I reduce the browser width, at no point does the text align with the bullet. All I end up with is:

* This is our first line of
  text in the list.
* This is our second line of
  text in the list.
* This is our third line of
  text in the list.

Also, please, bear in mind that I wasn’t using an image for the bullet, so it is most likely related to that. So if you can provide a link, we will be able to assist you further.

All the best,
Danny

3

Hi Danny,

Partly my fault I actually hadn’t set the UL now I have and have another little issue.

The text is white and the bullet is dark grey. Can the bullet be replaced by a small image EG a white check mark using css?

4

Tried this but no joy

ul {
list-style-image: url(‘http://siteurl/img/whitecheck.png’);
}

5

Never mind got it …blooming typo more coffee needed.

6

Hi Gary,

I apologise, I didn’t get back to you sooner. However, thank you for informing us the issue has been resolved, we appreciate it.

Also, when designing your or a client site, be sure to have a hot pot of coffee at the ready :smiley:

All the best,
Danny