Get text on bulleted lists out from wrapping beneath the bullet

Developer Support CMS Development
1

The issue is that the bullets are hidden and the checkmark icon is being added where the list text would usually begin, so when the text wraps down, it starts below the checkmark. I’d like to start under the text above instead.

29443i16A55D7B49771F9C.jpg
29443i16A55D7B49771F9C.jpg999×662 158 KB

2

You can acheive this quite simply by targeting the ul

ul { list-style-position: outside;
}

If this answer helped you, please mark as solved.

Sandy

3

@jackson_OFO since your CSS is using a pseudo element and not the native bullet points, you’ll need to add some extra styles to align the content. There are a few ways to do it but the display table way works pretty well:

.hs_cos_wrapper_type_rich_text ul {
 display: table;
}

.hs_cos_wrapper_type_rich_text ul > li {
 display: table-row;
}

.hs_cos_wrapper_type_rich_text ul > li::before {
 display: table-cell;
 text-align: right;
}