Hahaha.LOLZ. at the title.

Kidding aside, Ive been trying to remove the bottom straight line under the nav.

I’ve screencapped the problem. Just take a look at the direct link below:

[@pcwriter Participant 14 years, 3 months ago]

@ri-kun

That would be the item-list-tabs. Try this:

div.item-list-tabs {
border-bottom:0;
}

To target stuff like that really easily, install the Firebug addon for Firefox.

[@ri-kun Participant 14 years, 3 months ago]

I already tried that one but it didnt work. any other suggestions?

[@nit3watch Participant 14 years, 3 months ago]

border-bottom:0 !important;

try that?

[@hnla Participant 14 years, 3 months ago]

And did you install Firebug? It may be a case that you need to increase the selector specificity by adding in parent selector elements , which might also be shown by firebug if you inspect the element and then look at the applied rulesets, it could show a number of antecedent selectors such as:

#item-nav .item-list-tabs {}

[@hnla Participant 14 years, 3 months ago]

!important might work but all in all it’s abused by the community If the specificity is matched then the ruleset coming last takes precedence and an adjusted rule should come after the one being trumped – !important also further compounds the issue of BP themes working or at least having a semblance of working with IE6 (A browser not yet having reached the end of it’s life sadly)

[@ri-kun Participant 14 years, 3 months ago]

this one worked > ‘border-bottom:0 !important;’

Thanks!