Okay
  Public Ticket #1087216
Box under tabbed section
Closed

Comments

  •  2
    wingme started the conversation

    Hi,

    This question is probably easy but how can I add box under the tabbed section so the tab + the box looks like "one piece", just as shown on my picture? I would like to add a text in the box. When you change the tab, it doesn't affect the box.

    Thanks,

    Francois

  •  8,999
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    ul.wpb_tabs_nav.ui-tabs-nav{
        margin-bottom: 0px !important;
     
    }
    .wpb_wrapper.tabbed {
        background-color: #47a832;
        padding: 0px;
    }
    ul.wpb_tabs_nav.ui-tabs-nav {
        background: #fff;
    }
    .tabbed .wpb_tab {
        padding-top: 17px;
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    wingme replied

    Hi Tahir,

    This is *almost* what I am looking for, but it should look like this instead (see attachment).

    How I want is in the left and how it displays in the preview page is on the right. 

    Reduce height of the tab and avoid the green to go on the background / just inside a box with centered white text (title).

    Thanks alot!

  •  8,999
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .wpb_wrapper.tabbed {
        background-color: #47a832;
    }
    ul.wpb_tabs_nav.ui-tabs-nav {
        background: #fff;
    }
    .tabbed .wpb_tab {
        padding-top: 17px;
    }
    .tabbed .wpb_tab{
        background: #fff;
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    wingme replied

    Perfect this works! Last question: where do I write my white title inside the green box "ECONOMIC PERFORMANCE"?

  •  8,999
    Tahir replied

    Should be added inside the tabs . 

    Be.st


    ThemeNectar Support Team