Adding bulletpoints to pages

[Drae]

I'm in the process of transferring my old site's pages onto the new Xenforo, and I've lost the bulletpoints' styling on the skins I have uploaded and the one I am working on. I'm not sure how to code it (I tried and had a bad result as it also affected the top links and didn't indent very well), so I'm asking here. The end look I'm after is shown with the attachment.

It's for use in pages and post content only so it'll need to be specific to that else I'll end up with an iffue submenu again XD Pages have the div style of "primaryContent" so it would probably need to just affect that and it would work for both (I think).

Thanks for the help. I know I must be bugging a few of you with all my "ahhh, help me!" topics.

 

[MagnusB]

You need to use unordered lists, and add a class or ID to it, then use list-style-type: circle; on the list item (li).

xF resets the style for list items (<li>) to no styling.
http://www.w3schools.com/tags/tag_ul.asp
http://www.w3schools.com/cssref/pr_list-style-type.asp

 

[Drae]

You need to use unordered lists, and add a class or ID to it, then use list-style-type: circle; on the list item (li).

xF resets the style for list items (<li>) to no styling.
http://www.w3schools.com/tags/tag_ul.asp
http://www.w3schools.com/cssref/pr_list-style-type.asp

Thanks

So if I add into the EXTRA.css:

ul.bulleta {
list-style-type:disc;
}
 
ul.bulletb {
list-style-type:circle;
}
 
ul.bulletc {
list-style-type:square;
}

That'll sort out the bulletpoints' presence and I'll go edit the pages. How do I indent them? Each one should be further to the left than the one before.

 

[MagnusB]

That will not solve it, as IIRC xF resets at li level. I would recommend you reuse the list styling from the bbcode:

<div class="baseHtml">
  <ul>
      <li>Item 1</li>
  </ul>
</div>

 

[Drae]

That works brilliantly Thank you!

 

[MagnusB]

No worries

 

[ALFrisbee]

That will not solve it, as IIRC xF resets at li level. I would recommend you reuse the list styling from the bbcode:

<div class="baseHtml">
  <ul>
      <li>Item 1</li>
  </ul>
</div>

A very old thread, but just helped me out, so thanks very much!