Announcement

Collapse
No announcement yet.

Hiding the list symbol

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Rabso
    replied
    thanks guys, it works great now

    Leave a comment:


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

    HTML Code:
    <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>

    Leave a comment:


  • Zachery
    replied
    Add the following code to your css_additional.css template:

    Code:
    .mylists li
    {
     list-style:none !important;
    }
    Then change your code to


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

    Leave a comment:


  • Rabso
    started a topic Hiding the list symbol

    Hiding the list symbol

    Hi,

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

    HTML 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?

Related Topics

Collapse

Working...
X