Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Posted by Ricardo Ferreira
Ricardo Ferreira
72 Points

Problems with tabs in Wordpress - So frustrated!

Hi guys I need some help. I have created a tab element with 4 tabs with some content on each however only the first two show up. Does anyone have any idea why this is?

wuworkshop
wuworkshop
3,429 Points

Really hard to help without seeing the code. Can you show your code somehow?

1 Answer

Jason Brady
Jason Brady
17,372 Points
Jason Brady
Jason Brady
17,372 Points

It is hard to answer your question with the info you provided, but here is a quick stab at it... Depending on the theme or plugins you have installed, you could be able to use shortcodes such as these.

This is based on bootstrap, so you will need to have some form of bootstrap shortcode plugin or bootstrap shortcodes enabled through your theme.

A good place to check would be making sure that your IDs match your hrefs.

[bs_tabs] [bs_thead] [bs_tab class="active" type="tab" href="#bs_tab1" title="First Tab"] [bs_tab class="" type="tab" href="#bs_tab2" title="Second Tab"] [bs_tab class="" type="tab" href="#bs_tab3" title="Third Tab"] [/bs_thead][bs_tcontents] [bs_tcontent class="active" id="bs_tab1"]First Tab[/bs_tcontent] [bs_tcontent class="" id="bs_tab2"]Another Tab[/bs_tcontent] [bs_tcontent class="" id="bs_tab3"]Another other tab[/bs_tcontent] [/bs_tcontents] [/bs_tabs]