entering 6th hour of trying to remove underlines…help!

#blog-title a:hover {
border: none;
}

I think this must be the solution……….

a:hover{
    text-decoration:none;
}

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

So I used sacredpath’s advice, but the final version of the code looked like this:

#blog-title a:hover {border-bottom: solid 5px #fbfbfb;}

just telling it to not have a border caused the whole page to jump up and down. I suppose the border was just too entrenched in the theme’s design. so I just made the border (underline) the same color as the background of the page. voila!

one more thing though–could anyone give me advice on how to get rid o the static line underneath the header? having trouble with that as well.

My guess is that it’s this line in the colors.php file in your theme root.

Looks like it’s adding a 5px border at the top of a post. Line of code is:

.post, .p1, .hentry, .tabmenu, #comments, #commentform #submit, #searchform #searchsubmit, #error404-searchsubmit, #noresults-searchsubmit {border-top:5px solid #2e2e2e;}

The start of the second section under the borders part of the document. If you change that to the background of the site, or define a new style just for a post it’s likely to go. I would hope anyway.

Strange, it didn’t jump in Safari or in Firefox.

The black border is actually on the top of .post.

.post {
border-top: none !important;
}

Thanks sacredpath, worked like a charm. Just out of curiosity, how do you go about identifying so quickly which element is dictating these attributes? Just intimate familiarity with WordPress?

I use Firebug add-on in Firefox (the one that @esmi mentioned). After you get that and get a little CSS experience, you can identify most things rather quickly. There are those times though where things aren’t what they seem, so it isn’t always straight forward or quick, especially where themes have multiple CSS files.