How to add a bulleted list to products in Magento

How do you add a bulleted list to products in Magento? With the current architecture of Magento, the regular <li> tags do not function properly. Here’s the trick for making bulleted lists in product descriptions in Magento.

First, add the following to your css file:

.std  ul li {
list-style-type: disc;
list-
style-position: inside;
text-transform: none;
}

Then, to add you bullet, place this at the beginning of you bulleted list:

<std.ul>

Then, instead of the closing </li> tag, leave them off, like this:

<ul class=”disc” style=”margin-bottom:15px;”>

<li>put your text here

<li>put more text here

<li>and so on

</ul>

That’s it! Sample below.

  • put your text here
  • put more text here
  • and so on

You must be logged in to post a comment.