1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Adding bulletpoints to pages

Discussion in 'Styling and Customization Questions' started by Drae, Sep 5, 2012.

  1. Drae

    Drae Active Member

    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.

    Attached Files:

  2. MagnusB

    MagnusB Well-Known Member

  3. Drae

    Drae Active Member

    Thanks :)

    So if I add into the EXTRA.css:

    ul.bulleta {
    ul.bulletb {
    ul.bulletc {
    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.
  4. MagnusB

    MagnusB Well-Known Member

    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">
          <li>Item 1</li>
  5. Drae

    Drae Active Member

    That works brilliantly :D Thank you!
  6. MagnusB

    MagnusB Well-Known Member

    No worries :)
  7. ALFrisbee

    ALFrisbee Active Member

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

Share This Page