Resolved Tabs Do Not Align Horizontally

[hutruk 2]

Hi!

I am using the shortcodes for tabs, as described in the documentation.

When I insert the following code:

[pl_tabs][pl_tabtitlesection type="tabs"]

[pl_tabtitle number="1"]Title 1[/pl_tabtitle]

[pl_tabtitle number="2"]Title 2[/pl_tabtitle]

[/pl_tabtitlesection]


[pl_tabcontentsection]

[pl_tabcontent active="yes" number="1"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit

[/pl_tabcontent]

[pl_tabcontent number="2"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit

[/pl_tabcontent]

[/pl_tabcontentsection]


[/pl_tabs]

I get a strange output (in the attachment).

Any ideas?

Thanks in advance!

[Danny+ 1,327]

Hi,

Wordpress automatically adds breaks and paragraphs, which is causing this issue, you can either put all your shortcode on the one line meaning no breaks or paragraphs or you can wrap your tab code in the [ pl_raw ] shortcode for example,

[pl_raw]



[pl_tabs][pl_tabtitlesection type="tabs"]

[pl_tabtitle number="1"]Title 1[/pl_tabtitle]

[pl_tabtitle number="2"]Title 2[/pl_tabtitle]

[/pl_tabtitlesection]


[pl_tabcontentsection]

[pl_tabcontent active="yes" number="1"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit

[/pl_tabcontent]

[pl_tabcontent number="2"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit

[/pl_tabcontent]

[/pl_tabcontentsection]


[/pl_tabs]


[/pl_raw]

[/code]

[hutruk 2]

Thank you, it worked perfectly!

[Danny+ 1,327]

The topic was marked as resolved.