Support » Plugin: Tabbed Widgets » Tabs displaying above each other, not as tabs

  • Hi,

    Tabbed Widgets used to work fine but is now displaying the tabs above each other as a list, not as tabs. See the bottom of the sidebar at

    I’ve toyed around with it as much as I know how to based on other forum posts but haven’t been able to resolve the issue. Can anyone help?

    Thanks in advance for any suggestions!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Christine Rondeau


    Volunteer Forum Moderator

    When I look at the source code of your site, I can this:

    <link rel='stylesheet' id='tabber_widget-tabber-widget-basic-light-css'  href='' type='text/css' media='all' />
    <link rel='stylesheet' id='tabbed-widgets-css'  href='' type='text/css' media='all' />

    Neither of these links seem to work. I’m guessing that something is wrong with the plugin.

    Have you tried re-installing the plugin?

    Have you tried deactivating all plugins and re-activating them one by one. Perhaps one of them is conflicting with this one.

    Thanks for replying, Christine. Neither reinstalling Tabbed Widgets nor deactivating all of the other plugins helped.

    The link to the CSS file you mentioned throws an Internal Server Error, but I used my FTP program to confirm that the file is in the right location and has the correct contents. Changing permissions for this file didn’t help, though.

    Any other reason why it might be returning an error and (most likely) preventing the styling from being applied?

    I think it’s the new version of IE thats what happened to mine, fine in firefox, busted in IE

    I’m having the same problem as the original poster. I installed the plugin and the tabs are displaying one above the other, instead of next to each other. I’ve spent some time testing out some changes to the CSS and I can’t get them to appear one next to the other. Anyone have an idea about what needs to change to get them to line up next to each other?

    I already tried switching the theme to Ten Twenty, to see what the styling that they provide for that theme looks like, and it looked just like it should – the tabs were right next to each other. So I think it has to do with the way that the plugin is interacting with my theme. I tried using those styles with my theme, but it didn’t work right. I can’t figure out what my theme is dictating, style-wise, that is preventing the tabs from showing up next to each other.

    Any help that anyone can give me would be much appreciated! Thanks in advance.

    Plugin Author Kaspars


    hepdoll, this is some basic CSS. Your main CSS ir overwriting every a in sidebar to a fixed width:

    #content-container .sidebar-box ul { ... width: 258px; }

    You could fix this by putting:

    #content-container .sidebar-box .tw-tabbed-nav li a { width:auto; }

    somewhere at the end of your main stylesheet.

    Thanks Kaspars, that did the trick!

    This didn’t work for me? I still see the contents of the four tabs above one another? Example:

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Tabs displaying above each other, not as tabs’ is closed to new replies.