Announcement

Collapse
No announcement yet.

Hiding the list symbol

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

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

  • #2
    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>

    Comment


    • #3
      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>

      GIPHY for vB5 AutoLinker Social Icons in Postbit Like Counts on Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts ...and more!

      Comment


      • #4
        thanks guys, it works great now

        Comment

        Related Topics

        Collapse

        Working...
        X