Error when using bullet

[hienntp]

Hello,
I drafted a text as shown below.



After saving, the text is not displayed as I drafted



How to fix this error? Thanks.

[hienntp]

• test 1
  • test 2
    • test

[Wayne Luke]

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

[hienntp]

you can see here:

[Wayne Luke]

That is how it is supposed to work. The video doesn't explain your problem.

[glennrocksvb]

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.

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

[hienntp]

bullet changed after saving

[glennrocksvb]

Did you try what I suggested?

[hienntp]

I tried your suggestion, but I did not get what I want

[Wayne Luke]

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.

[glennrocksvb]

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.

.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;
}