Wordpress Post tabs extra space - WordPress Plugins Discussions on F5 Forums

rhartland

Hi,

First, let me say thanks for a great plugin. I'm just having some trouble getting it to align correctly and hope you are able to help me.

I can get the tabs to appear but there is a lot of extra space above the tabs (5 tabs and 5's). In the comments on your plugin page they mention adding extra line breaks around the tabs, but I can't seem to get that to work.

Also, I would like the tab blog to be left aligned (have a look at http://kardinyaphysiotherapy.com.au/massage-therapy-3/ and you will see that it is right aligned while the rest of the text is left). I cannot find where in you css to do this. Could you please point me to the right place.

Thank you,

Richard

tejaswini

Thanks for the kind words for the plugin.

On the page source, you can see extra br tags, due to which the space is being added.

Please try adding tabs in the following format:-

[tab name="Test1"]

Test Content.

[/tab]

[tab name="Test2"]

Test Content.

[/tab]

[end_tabset]

In case you still get the issue, is there any text editor plugin you are using for the WordPress post edit panel?

rhartland

Thanks for the answer Tejaswini. Do I add this using the visual editor or the html editor in the page edit area? Also, can you point out where I can find the css to left align the tab block?

Cheers,
Richard

rhartland

Hi,

Was able to remove the extra breaks, thank you.

Need to left align the tab block (currently right aligned at http://kardinyaphysiotherapy.com.au/massage-therapy-3/) Can you tell me where/how to do this.

Great plugin, just need a little bit of help and will be tellingothers about it and making a donation.

Cheers,
Richard

anyonesdaughter

First of all: I like this plugin, it works really nicely. But I do have the same problem as rhartland, extra space above the tabs.

Richard, it would be very nice of you to tell us HOW you removed those extra breaks :-)

rhartland

For getting rid of the extra space, I formatted it as tejaswini suggested in html view of the page editor, rather than the visual editor.

Can't get the tab block to left align though...anyone have any suggestions?

anyonesdaughter

Hey folks,

I think I solved the mystery. I found tab spaces in my html-content which I didn't know were there. Once I removed them the extra breaks disappeared.
Hope this will help other users with the same problem.

smscaff

Just installed this plugin today and experienced the same problem of unwanted margin space above the tabs. Found a CSS solution that worked for me (as the above did not): the widget appears to use a variety of css classes, but applying a negative margin-top to "ui-widget" will do the trick.

So, the addition to my stylesheet looked like this:
.ui-widget{margin-top:-80px;}

BestVPNForYou

@smscaff That worked great for me using -45px. Cheers! Great plg-in BTW

sanjeev

I am glad that you guys found the solution for this problem. We are going to release an update for WordPress Post Tabs very soon. I will let you know once that update comes.

JeffB22

One of my clients is having the same issue with break tags being output before the tabbed content. If there are 2 tabs, there are 2 break tags. If there are 5 tabs, there are 5 break tags.

I've carefully checked the formatting and they are all formatted correctly.

There are no extra tab characters or anything else in the HTML code.

I'm leery of using negative margin space - once the problem is resolved the "fix" would have a negative impact on the resulting code (sorry for the bad pun!).

I've looked through the plugin code and can't find anything that would output these break tags above the tabbed content.

Can you supply a short-term fix for the code to remove this behavior?

Thanks!

Howdy, Stranger!

Categories

In this Discussion