Bulleted list alignment

[QuenchStudio]

This page http://www.prsaboston.net/prsa-preview/professional-development/apr-accreditation/ has a normal bulleted list. 🙂 Human error is likely as I’m not a CSS expert 😉

[Kyle – SUPPORT]

Add this to your custom css:

.ulbullets ul li {
  padding-left: 1.3em;
  text-indent: -0.9em;
}

– Kyle

[QuenchStudio]

Success! Thank you.

[Kyle – SUPPORT]

No problem 🙂

– Kyle

[SomeChick]

None of these are working for me! Will add screwy page privately. Want proper indent for all types of bullets, namely list and number.

[SomeChick]

This reply has been marked as private.

[SomeChick]

Oh, for crying out loud. I fiddled just a bit more, as usual, and fixed it myself. This worked:

.article-body-wrap ul li {
padding-left: 1.3em;
text-indent: -0.9em;
}

[Rui Guerreiro – SUPPORT]

Glad you solved. Thanks for sharing the info.

-Rui

[VdEW]

This reply has been marked as private.

[Kyle – SUPPORT]

You need to remove this:

.spb-asset-content ul li {
padding-left: 1.3em;
text-indent: -0.9em;
}

– Kyle

[VdEW]

Hi,

i did remove the part.
Just to use this one is not working.

.spb-asset-content ul.sf-list li {
padding-left: 1.3em !important;
text-indent: -0.7em !important;
}

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

If you wanted to apply to normal bullets, you would need to add an extra class on them, and then use

ul.yourclass li {
padding-left: 1.3em;  
text-indent: -0.9em;
}

– Kyle

[VdEW]

Yes that are the normal bullets.

using the code in custom css did not change the bullets.

Do you mean something else/more with “… need to add an extra class on them, and then use…”?

[Kyle – SUPPORT]

Yes, you would need to switch to the text editor and add an extra class to your ul for e.g:

<ul class="yourextraclass">
  <li>list items</li>
  <li>list items</li>
  <li>list items</li>
</ul>

– Kyle

[VdEW]

Too bad it does not go directly as the numbers.
But I understand how it works 🙂
Thank you!