Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author cubecolour

    (@numeeja)

    Have you used the open="yes" parameter/value pair in any of the shortcodes?

    Thread Starter demeter_aurion

    (@demeter_aurion)

    Yes, currently the Facebook/firsr tab is the open=”yes”

    Plugin Author cubecolour

    (@numeeja)

    Delete the open=”yes” from the shortcode & check it has not been added to the other tabby shortcodes also.

    I have only been able to reproduce the issue by adding open=”yes” to each of the tabs. The first tab should be open by default, so the open parameter should not be used in the first tab.

    Thread Starter demeter_aurion

    (@demeter_aurion)

    I’ve removed it, none of the tabs have it now.

    Plugin Author cubecolour

    (@numeeja)

    All of the tabs are still showing as active which is rather puzzling. Please copy the page’s content as it appears the WordPress text editor, and paste it into a pastebin at pastebin.com. Then post the link to your pastebin here so I can see the shortcodes used.

    Thread Starter demeter_aurion

    (@demeter_aurion)

    I’ve found out what the issue is. I was leaving the Title blank because I just wanted to use just the icons. I added text to the Title section and its working fine now. I suppose there’s no way around using a title for the tabs then?

    Plugin Author cubecolour

    (@numeeja)

    Thanks – I can reproduce this when I use blank tab titles. The title parameter is mandatory, so this explains the issue.

    This usage was not anticipated when the plugin was made, so there is not an easy way to hide the tab titles.

    I managed to get the icons to display without the title text on a test site with the following CSS rules added. This does not hide the titles when the tabs are didplayed as an accordion, and as it is more of a workaround than a solution it is not ‘officially’ supported.

    .responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item {
    	width: 2.3em;
    	white-space: nowrap;
    	overflow: hidden;
    	text-indent: 2.3em;
    }
    
    .responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item span {
    	text-indent: 0;
    	float: left;
    }
    Thread Starter demeter_aurion

    (@demeter_aurion)

    Thanks for your help! It’s not that important that I don’t use titles, just would have preferred icons, so all is fine 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Displaying All Tabs’ is closed to new replies.