Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Tabs Do Not Align Horizontally


Question

Posted · Report post

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!

post-40727-0-71026100-1354091753_thumb.p

2 people like this

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

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]

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you, it worked perfectly!

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites