Anyway to get the Tabs option in the Widgets?

Posted in: Newspaper
Post count: 60

Hey, I was wondering if there is anyway to get the Tabs option to be enabled in the making of the Sidebars screen.

It would make a extremely good tweak to users wanting to minimize scrolling and ATF content.

Post count: 16

I second this

Post count: 3343

Hello,
You can create a tab and add your content inside it using the Page Builder, then switch to classic editor copy the shortcode and paste it in a text widget.

Hope this help.
Thanks

Post count: 60

http://test.beatzmag.com/content/news

I did what you said and as you can see, its all completely messed up?

this was the shortcode i copied

“[vc_row][vc_column width="1/1"][vc_tabs][vc_tab title="Top News" tab_id="1384786254-1-99"][td_block4 category_id=”17″ sort=”popular7″ hide_title=”hide_title” limit=”5″][/vc_tab][vc_tab title="Random News" tab_id="1384786254-2-29"][td_block4 category_id=”17″ sort=”random_posts” hide_title=”hide_title” limit=”5″][/vc_tab][/vc_tabs][/vc_column][/vc_row]“

Post count: 3343

Hello,
That is not the correct shortcode

the corect shortcode is: [vc_tabs][vc_tab title="Top News" tab_id="1384786254-1-99"][td_block4 category_id="17" sort="popular7" hide_title="hide_title" limit="5"][/vc_tab][vc_tab title="Random News" tab_id="1384786254-2-29"][td_block4 category_id="17" sort="random_posts" hide_title="hide_title" limit="5"][/vc_tab][/vc_tabs]

Try it

Post count: 16

It also messed up the layout for me so I have removed [vc_column width="1/1"] and [/vc_column] from the code, since it had overridden the parent widgets column settings.

And also added .widget_text ul{list-style:none} to remove the arrows from style..

Anyway, thanks for the tip Marius, it works great.

  • This reply was modified 12 years by offminded.
Post count: 16

hmm removing vc_column creates complications.. [vc_column width="4/4"] might be a better solution.

Post count: 60

Offminded, where did you put that .widget ? In the child theme css?

Post count: 16

I have created a text/html widget block on widgets page and entered the shortcode into it:
[vc_tabs]...[/vc_tabs]

I havent done any styling, it wasn’t needed.

  • This reply was modified 12 years by offminded.
Post count: 3343

Hello,

Yes @DavisBeatz add that style in style.css to remove the arrows for list. .widget_text ul{list-style:none}

Thanks @offminded for the help.

@@DavisBeatz if you don’t manage it, please reply.

  • This reply was modified 12 years by Marius.
Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newspaper’ is closed to new topics and replies.