WordPress.org

Ready to get started?Download WordPress

Forums

Tabbed Widgets
Tabs displaying above each other, not as tabs (8 posts)

  1. Fred
    Member
    Posted 3 years ago #

    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 http://blog.tortugabackpacks.com/

    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!
    -Fred

  2. 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='http://blog.tortugabackpacks.com/wp-content/plugins/tabber-widget/templates/basic-light.css?ver=3.1.1' type='text/css' media='all' />
    <link rel='stylesheet' id='tabbed-widgets-css'  href='http://blog.tortugabackpacks.com/wp-content/plugins/tabbed-widgets/css/tabbed-widgets.css?ver=3.1.1' 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.

  3. Fred
    Member
    Posted 3 years ago #

    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?

  4. kateM82
    Member
    Posted 3 years ago #

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

  5. hepdoll
    Member
    Posted 3 years ago #

    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?

    http://www.lizpund.com/contact/

    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.

  6. Kaspars
    Member
    Plugin Author

    Posted 3 years ago #

    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.

  7. hepdoll
    Member
    Posted 3 years ago #

    Thanks Kaspars, that did the trick!

  8. lzevon
    Member
    Posted 2 years ago #

    This didn't work for me? I still see the contents of the four tabs above one another? Example: http://mozzarellasgrill.com/wordpress/contact-us/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic