tabbed widget?

Hi,

You can add tabbed content to your page using page builder like this: http://screencast.com/t/wlNFUaK0trw
Then switch to Classic editor and copy the shortcode for the tabs and use it in a text widget.

Thanks for your message

Hi,

Yes, you can target and style tabs via css, here is an example: http://screencast.com/t/esZ2MfwEc

.wpb_tabs .ui-tabs-nav .ui-tabs-active a {
color: white;
background-color: red !important;
}

.ui-tabs-nav {
border-bottom: 2px solid red !important;
}

.wpb_tabs .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-active a {
color: blue;
}

Change the colors as you like.

Thanks

Hi,

You can do something like this using css: http://screencast.com/t/Qv2OPSPI8
Unfortunately you need custom work to achieve something similar with the block headings which have a different html structure.

Here is the css I have used in the screenshot:

.wpb_tabs .wpb_tabs_heading {
border-bottom: 2px solid #000000;
margin: 0px 0px 26px 0px;
font-family: Roboto;
font-size: 15px;
line-height: 15px;
font-weight: bold;
padding-bottom: 4px;
padding-left: 10px;
}

Hope this helps!

Thanks