Hiding the list symbol

[Rabso]

Hi,

I have small issue; I have added the Static HTML module and put the following code:

<div>
<ul style="list-style:none">
<li>Test 1</li>
<li>Test 2</li>
<li>Test 3</li>
</ul>
</div>

As you see, I don't want the list symbol "dot or any" to be appeared but for some reason it keeps appearing. any advise?

[Zachery]

Add the following code to your css_additional.css template:

.mylists li
{
 list-style:none !important;
}

Then change your code to

<div>
<ul class="mylists">
<li>Test 1</li>
<li>Test 2</li>
<li>Test 3</li>
</ul>
</div>

[glennrocksvb]

You can put the CSS in the HTML Module itself so you don't have to put it separately and forget it later on.

<style>
.custom-html-widget .restore ul > li {
     list-style: none;
}
</style>

<div>
    <ul>
        <li>Test 1</li>
        <li>Test 2</li>
        <li>Test 3</li>
    </ul>
</div>

[Rabso]

thanks guys, it works great now