Tab border

[francesco]

i’m going to custom css options and put this:

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-header, .wpb_tabs .ui-tabs .ui-tabs-panel {
border-color: #81d742!important;
}

but don’t work

[Rui Guerreiro – SUPPORT]

It will look like this
https://www.dropbox.com/s/at4m0pwacgkftx9/tabs_border.png?dl=0

It’s ok?

-Rui

[francesco]

would that looks like more to my attachment, so we should change the appearance of the tabs

[francesco]

there are a way?

[Rui Guerreiro – SUPPORT]

Hi,

Give a try with this css. It can exactly be like your screenshot because of the existing structure, and would require additional customization that is outside the scope of our support.

.page-id-14352 .tab-content{
  border: 1px solid;
  border-color: #ccc;
  margin-top: -19px;
  padding: 10px;
}

.spb_tabs .nav-tabs li:first-child a, .spb_tabs .nav-tabs li:last-child a {
   border-color: #ccc!important;
  -moz-border-radius-topleft: 0px!important;
  -moz-border-radius-bottomleft: 0px!important;
  -webkit-border-top-left-radius: 0px!important;
  -webkit-border-bottom-left-radius: 0px!important;
  border-top-left-radius: 0px!important;
  border-bottom-left-radius: 0px!important;
 
}

-Rui

[francesco]

perfect, but how can i fix this for all the tabs?

[Rui Guerreiro – SUPPORT]

replace this one

.page-id-14352 .tab-content{
  border: 1px solid;
  border-color: #ccc;
  margin-top: -19px;
  padding: 10px;
}

by this code

.tab-content{
  border: 1px solid;
  border-color: #ccc;
  margin-top: -19px;
  padding: 10px;
}

-Rui