WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Messing with CSS, now bullets are showing up everywhere (9 posts)

  1. gnruble
    Member
    Posted 2 years ago #

    Hey there,

    I just switched over to a .org installation and am in the middle of tweaking the CSS to my liking.

    In trying to change the h2 hover color (theme CSS is coded weird), I somehow did something that resulted in a bunch of bullets appearing in the sidebar, header and a few other places. I've posted my stylesheet on Pastebin to avoid flooding the page with code - I'd greatly appreciate it if you could shed a little light on this problem.

    CSS Pastebin

    I'm working on sifting through everything, but still haven't figured out what I did to create this problem.

    I'm no CSS guru, but I noticed that a lot of things are coded strangely in the theme's stylesheet i.e. certain sections of the post previews aren't affected by the basic classes that handle a majority of them etc.

    I'm thinking I might have created too many declarations of the same stuff when trying get all the h2's and links to match up.

    Thanks,

    Nick

  2. gnruble
    Member
    Posted 2 years ago #

  3. iamgarrett
    Member
    Posted 2 years ago #

    Since tools like FireBug allow developers to see all of a site's CSS, posting your CSS file isn't really necessary. What is necessary is a link to your site so that we might better diagnose where you went wrong.

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  5. iamgarrett
    Member
    Posted 2 years ago #

    gnruble, you should use the list-style-type rule in your CSS to get rid of unwanted bullets. http://www.w3schools.com/cssref/pr_list-style-type.asp

  6. gnruble
    Member
    Posted 2 years ago #

    Well the problem is, there weren't bullets there before. I've gotten similar errors before that result in bullets popping up, but I can't imagine what could have caused it this time.

    The only thing I've done is changed the colors for h2/links. I'm thinking I must have accidentally cut something out or left out a bracket somewhere... I checked it over with the CSS validator even, and still couldn't find the culprit.

  7. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    Don't know what validator you used, but the W3C one found the CSS problem right away -- see the first error on the results below -- you have an extra "}" tag on line 49. see if that fixes the problem. Though you do have quite a few Mark-up errors as well, so you might look at those as well...

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ftechpounce.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

  8. gnruble
    Member
    Posted 2 years ago #

    Wow... Now I feel stupid lol

    Thanks - Now I just have to work on cleaning some stuff up :)

  9. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    Nah, we all miss those kinds of "minor" errors that seem so obvious AFTER we see them -- LOL! Glad it's fixed.

Topic Closed

This topic has been closed to new replies.

About this Topic