Trying to get rid of a border/HR in CSS

Hello all,

I have a question

I am trying to remove a black line from underneath h2.contentheading. I am not sure if this line is a 1px border, or a horizontal rule.

See this web page
http://www.themariobros.net/game-boy-colour

You see where it says the words "Mario on The Gameboy Colour" in dark blue and it has a black underline?

I want to remove that black line (or make the border 0px if its a border?) or if its impossible to remove I'd like to change its colour at least.

I have searched through template.css and tr_base.css but if I am completely honest, I'm not 100% sure what I'm looking for. And even if I did find it, I'd probably just destroy the site in my attempt to change border to 0px or to remove the HR (whichever it is)

Can anyone help?

 

I see a dark blue border under "Mario on The Gameboy Colour" which is from

#content_area h2

Code (markup):

but there's no black underline?

 

It's an H2 with a class .contentheading that has a border. To remove it, just put this anywhere in your CSS:
.contentheading {
border:none !important;
}

Speaking of headings, you have an H1 doing H2's job, H2 doing SMALL's job within H2, and H3 doing H2's job. And that's for headings only, what about the rest of the markup? Well, pretty much the same thing.

 

Thanks for that, finally got rid of it.
I have been wondering why headings come up twice...

It's because stuff that has a menu item link seems to be display that menu items link as H1, then the actual title of the article it links to as H2 - this is Joomla 2.5 any idea how to stop that?

 

Whaaaat? I can't see the black underline too. :/