WordPress.org

Ready to get started?Download WordPress

Forums

How to remove bullets (25 posts)

  1. Amy
    Member
    Posted 10 years ago #

    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!

  2. OperaManiac
    Member
    Posted 10 years ago #

  3. Amy
    Member
    Posted 10 years ago #

    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?

  4. OperaManiac
    Member
    Posted 10 years ago #

    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. :)

  5. NuclearMoose
    Member
    Posted 10 years ago #

    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.

  6. WillM
    Member
    Posted 10 years ago #

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

  7. tcervo
    Member
    Posted 10 years ago #

    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.
    Thanks...

  8. OperaManiac
    Member
    Posted 10 years ago #

    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.

  9. Anonymous
    Unregistered
    Posted 10 years ago #

    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.
    HTH.

  10. redneck
    Member
    Posted 10 years ago #

  11. Anonymous
    Unregistered
    Posted 10 years ago #

    Hang on a minute. That would meaning understanding a bit of css. :-)

  12. Anonymous
    Unregistered
    Posted 10 years ago #

    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.

  13. Alex King
    Member
    Posted 10 years ago #

    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.

  14. Anonymous
    Unregistered
    Posted 10 years ago #

    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.

  15. redneck
    Member
    Posted 10 years ago #

    Viper007Bond,
    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.

  16. Anonymous
    Unregistered
    Posted 10 years ago #

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

  17. redneck
    Member
    Posted 10 years ago #

    Thanks, but actually it's not that I know what I'm talking about, it's more that I have since 1994 been passionate about the original promise of HTML: structured documents, client indpendence, separation of application logic and presentation, etc. CSS is a huge step forward in this regard. I only recently got into CSS because I used Netscape v4.7 for many years after it was obsolete.
    Don't get me started about how Javascript is a harbinger of the End Times...

  18. Anonymous
    Unregistered
    Posted 10 years ago #

    Just upgraded from NN 4.7.? Heck :-)

  19. tcervo
    Member
    Posted 10 years ago #

    Ok, let's start back at the beginning: you wanted to know how to keep the "Filed under:" categories from showing up on separate lines with bullets, right? You want them all on the same line, with no bullets?
    You mean like the "Filed under:" categories here?:
    http://www.cantboilwater.com/index.php?p=17
    Notice the categories after Filed Under: are all on the same line, and without bullets, yet they are marked up as a list. This is, in fact, done with CSS. However, since you said you used your own css file (and possible template?), it's hard for us to know where the problem is occuring in your CSS file. I could tell you how *I* did it, but that might not help you...
    So, again, if you give us a link to check out, we could solve this problem in about 5 minutes or less.
    Please?
    -Tony

  20. Anonymous
    Unregistered
    Posted 10 years ago #

    tcervo: Have u considered writing a book *How to un style your lists in WP*?!
    Could be a winner:-)

  21. Amy
    Member
    Posted 10 years ago #

    Hey everybody...guess what? I finally got it! I got the CSS the way I wanted in my template and it looks great...I'm wrapped in absolute bliss! Took me some time to study CSS list stuff and pore over examples via links you guys posted. I went back to square one and fooled around with CSS till I was satisfied. Lemme tell ya, making CSS work with your template is really powerful. I'm duly impressed with CSS, esp. making it work in both PC and Mac (since I'm a Mac user). I really appreciate all of your help. Now, I can officially say WP rox and MEAN it!

  22. Mezzoforte
    Member
    Posted 8 years ago #

    This has been explained a number of times, but I don't get it right. I still can't get rid of those bullets in my sidebar...
    Here's the site: http://www.realillusions.info

  23. moshu
    Member
    Posted 8 years ago #

    It doesn't make sense to continue a thread from March 2004 :)
    Instead check out this: Styling_Lists_with_CSS

  24. Beel
    Member
    Posted 8 years ago #

    Besides, there are no bullets in your sidebar, depending on the browser you are using...

    .entry ul li:before, #sidebar ul ul li:before {

    content: "0BB 020";

    }

  25. Mezzoforte
    Member
    Posted 8 years ago #

    Thanks! I wasn't sure what that line meant before, so I didn't dare messing with it :).

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.