Announcement

Collapse
No announcement yet.

Error when using bullet

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

  • Error when using bullet

    Hello,
    I drafted a text as shown below.

    Click image for larger version

Name:	Untitled1.png
Views:	7
Size:	17.3 KB
ID:	4345405

    After saving, the text is not displayed as I drafted

    Click image for larger version

Name:	Untitled2.png
Views:	7
Size:	2.4 KB
ID:	4345406

    How to fix this error? Thanks.
    Do your best, the rest will come

  • #2
    • test 1
      • test 2
        • test
    Do your best, the rest will come

    Comment


    • #3
      What is the effect you expected?

      This is your code:
      [LIST][*]test 1[LIST][*]test 2[LIST][*]test[/LIST][/LIST][/LIST]


      According to this, each item should be indented one level under its parent and that is how it is displaying.

      If you want them all on the same level then you would need to use:
      [LIST][*]test 1[*]test 2[*]test[/LIST]
      • test 1
      • test 2
      • test
      Translations provided by Google.

      Wayne Luke
      The Rabid Badger - a vBulletin Cloud customization and demonstration site.
      vBulletin 5 Documentation - Updated every Friday. Report issues here.
      vBulletin 5 API - Full / Mobile
      I am not currently available for vB Messenger Chats.

      Comment


      • #4
        you can see here:


        Do your best, the rest will come

        Comment


        • #5
          That is how it is supposed to work. The video doesn't explain your problem.
          Translations provided by Google.

          Wayne Luke
          The Rabid Badger - a vBulletin Cloud customization and demonstration site.
          vBulletin 5 Documentation - Updated every Friday. Report issues here.
          vBulletin 5 API - Full / Mobile
          I am not currently available for vB Messenger Chats.

          Comment


          • #6
            I think what he was showing was the extra space between each line item.

            This is a CSS issue. By default, vB5 styles the <ul> inside the posts to have top and bottom margins of 1em which is 13px by default. If you add this CSS in css_additional, this should fix the issue.

            Code:
            .restore ul ul, .restore ul ol, .restore ol ul, .restore ol ol {
                margin-top: 0;
            }

            GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

            Comment


            • #7
              bullet changed after saving

              Do your best, the rest will come

              Comment


              • Glenn Vergara
                Glenn Vergara commented
                Editing a comment
                Did you try what I suggested?

              • hienntp
                hienntp commented
                Editing a comment
                I tried your suggestion, but I did not get what I want

            • #8
              The bullets are hardcoded in the CSS. If they are important, you need to override that. I don't have the exact code in front of me at this time though.
              Translations provided by Google.

              Wayne Luke
              The Rabid Badger - a vBulletin Cloud customization and demonstration site.
              vBulletin 5 Documentation - Updated every Friday. Report issues here.
              vBulletin 5 API - Full / Mobile
              I am not currently available for vB Messenger Chats.

              Comment


              • #9
                I think if you were a bit more specific with words on what you wanted aside from providing screenshots and video, you would get the correct answer faster.

                Anyway, it seems what you wanted is to keep the spacing and the browser default bullet styles for each line item and its sub items. If so, then the below CSS should do it.

                Code:
                .restore ul, .restore ol {
                    margin: 1em 0;
                    padding: 0 40px;
                }
                .restore ul ul, .restore ul ol, .restore ol ul, .restore ol ol {
                    margin-top: 0;
                }
                .restore ul > li {
                    list-style-type: disc;
                }
                .restore ul ul > li {
                    list-style-type: circle;
                }
                .restore ul ul ul > li {
                    list-style-type: square;
                }
                Last edited by Glenn Vergara; Sun 17th Jul '16, 1:44am. Reason: fixed typo in css

                GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

                Comment

                widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                Working...
                X