Cannot make border left transparent work

[wolfgang1983]

On my panel on my page I use bootstrap nav-tabs.

On the very first tab only I need to have the border left not show.

I have tried

.nav-tabs > li.active > a:first {
border-left-color: transparent !important;
}

And

.panel-tabs-left > li.active:first-child > a {
border-left-color: transparent !important;
}

No luck. Any Suggestions? Because the very first tab “Home” doubles up the left border.

http://codepen.io/riwakawebsitedesigns/pen/bdaGro

[wolfgang1983]

I have figured out what to do i need to add border to panel-body to make it all even

“`.nav-tabs > li.active:first-child > a {
border-left: transparent !important;
}

.panel-body {
padding: 15px;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}“`

[Author]

Posts