Support » Themes and Templates » How to remove bullets

How to remove bullets

  • Hi I searched all topics on removing bullets/lists, but none of them really answered my current question…I have set up template and used my own css file instead of default wp-layout.css. Now, I noticed that I have those unsightly bullets next to Categories, Archives and underneath “Filed under <category>” on a separate line. I wanted to change this format so the line would become one line instead of three as indicated in default WP template. I checked my template HTML and CSS, there’s no ul or li that I’m using yet for some reason WP kept putting these in my template. I even turned off all ul and li yet they are still there. They’re like embedded and those tags don’t show up in my template. I upgraded from b2 recently to 1.01-miles. TIA!

Viewing 15 replies - 1 through 15 (of 24 total)
  • Hmm…it might partially answer my question…I’m using Mac and use Safari 1.0 mainly. I’ve not upgraded to 10.3 nor Safari 1.2 yet. Yes, I did try using list style in CSS file and it didn’t work either. It still embeds the unwanted li tags in my template even though I cannot see them in the edited template. Could this be the reason why I kept seeing those?

    you know if u can post the uri to the actual blog, the css gurus here will be able to help a lil more accurately. and li is called from inside the function files and not from the index file afaik. 🙂

    The CSS removes the bullet, and not the tags. The categories and archives and such are, in fact lists. Semantic mark-up and standards suggest that you code an element as it is…a list is a list, therefore, you have the list tags.
    WP is a standards-compliant and semantically correct piece of software. If you wish to not have a standards-compliant site, you will have to hack the PHP to your own standards.

    Which you can easily do by changing the parameters in the tags, BTW. But as NM says, this is not recommended.

    Yes, I did try using list style in CSS file and it didn’t work either.

    Chances are you were not specifying the correct *specific* instance of li in your CSS file. Several others have had that problem, and 100% of the time it’s been incorrectly defined selectors in the CSS file.
    If you post your URL, we can have a look at your source code and CSS file and help you out…
    It’s really quite simple to get rid of the bullets and/or output everything on one line, but without seeing your code it’s very difficult to help.

    yap. css is the best way to remove the bullets.
    coz when u upgrade u will be back to square one. how many times u are ready to make changes to the internal files!
    just post the URI and someone will surely give you the code.

    tcervos spot on here. It might be worth mentioning that tags have default styles whether they are in the css or not. Seems obvious but there you are. Consequently if you want to unbullet your list in your own css it is necessary to first declare the relevant selector. Bear in mind in Wp lis are nested. As in ul ul li.

    Hang on a minute. That would meaning understanding a bit of css. 🙂

    Just noticed we got fixated on those pesky list widgets and never answered your whole question. To get the list running horizontally you need display: inline. That should do it.

    Inline is great if you want them, well, inline. Floating works pretty well too; you can retain the ‘blocking’ aspect that way if you want to.

    I would encourage you to stick with the css if you can. Putting your nav in a list
    is a really powerful technique and from there you can style in anyway you want.
    We know it is frustrating at first but this is a really cool style idea; first I think published by Eric Meyer and used by all *gurus* and a lot of other folks who like styling their sites. One of the major benefits of the li is you can then refer to each link separately in turn. The effects that can then be applied are unlimited. Good luck.

    The UL structure is added because under good HTML, all lists should be lists, and a link list is a good example.
    Since WordPress endeavors to be standards-compliant in every way, the UL tag is employed. It is easy to format this any way you want using CSS (look at the link I provided above).
    The greatest advantage of CSS, and one that is rarely mentioned in forums populated by designers, is the almost complete separation of logic and presentation. This has been the Holy Grail of application design, along with client independence, since the eighties.
    If you start tweaking the functions which generate the code, you start breaking this releationship.
    I’m a complete CSS noob myself, but the advantages of CSS are so vast that I just bought Eric Meyers’ book and am wading through it now. I suggest anyone not completely familiar with CSS do the same.

    Welcome aboard redneck. Nice to have at least one more guy who seems to know what the heck he is talking about.

Viewing 15 replies - 1 through 15 (of 24 total)
  • The topic ‘How to remove bullets’ is closed to new replies.