Sign in to follow this  
Followers 0

Tabs does not work well

4 posts in this topic



I have added tabs on my website. I use shortcode provide on the link .  Instead of be displayed on the same like on the pagelines example. You can see it on the following link



My tabs are displayed the first on the first line and the second below. You can see it here :


When i inspect the code i notice this :



<ul class="nav nav-tabs"><br />
<li class='active'><a href="#1" data-toggle="tab">Title 1</a></li><br />
<li ><a href="#2" data-toggle="tab">Title 2</a></li><br />
<p> <div class="tab-content"><br />
<div class="tab-pane active" id="1"><p><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</p></div><br />
<div class="tab-pane " id="2"><p><p>
<img class="pl-imageframe" alt="" /></p>
</p></div><br />
<p> </div>


The <br/> is generated on my code. I am wondering if it is normal ?

Share this post

Link to post
Share on other sites



This is a Wordpress quirk, see this topic to resolve your issue.


Basically Wordpress likes to add p tags when you do a line-break, so you can either follow the instructions from the topic above or edit your shortcode so it contains no line-breaks.

For example:

[pl_tabs][pl_tabtitlesection type="tabs"][pl_tabtitle active="yes" 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"]<img class="pl-imageframe" alt="" />[/pl_tabcontent][/pl_tabcontentsection][/pl_tabs]

Share this post

Link to post
Share on other sites

thank you for the help

Share this post

Link to post
Share on other sites

No problem!

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
Followers 0

  • Similar Content

      By oseehys+
      Hey Guys, i have been having some fun with PL5, on my test site, still learning and trying to master 3 sections a day, am happy the launch has been postponed its for the best lets master it as much as possible.
      But we still gat to eat with DMS for now, so my issue has been on how to reduce my pin pad size in pinspro, right now it display 3 in a row, like the default theme, but i want it to display 4 in a row, if i reduce my screen resolution to 90% it becomes 4 in a row, that is the perfect size, i cant see any css on the forum be able to reduce the size,  so guys please, please this is very important, i need the css to adjust the size, of all the css @Danny has provided on the forum i cant see anyone that focus on the size reduction except on hiding the bottom meta area, mine is just to reduce the size, checkout the images below, the image with 4 rows is the perfect size i crave to have, while the pinpad with 3 rows is what i currently need to change.
      Thanks Guys for your support all this while.
    • CSS Hero question
      By janpeeters+
      Hi all,
      I was totally excited to find out about 'CSS Hero' ( I read about it in the compatible plugins section of the PL5 docs ( For me it's a great way to more easily customize my sites because I'm not a CSS pro.
      I'm wondering about one thing though… Does anyone know if using this will result in a heavy penalty on page loading speeds? Would love to start using it but only if it doesn't cost too much in terms of speed.
      Thanks, Jan
    • useability of shortcode
      By micstepl+
      When within a content section & using "shortcode button". My recommendation is for the Pop-Up in "pagelines sections" , where it is annoying that someone needs to enter the "unique-ID".
      based on the selection of a section  (relational) offer custrom ID-Names in a drop-down (for selection) meaning, where a customer has already taken action to enter a Custrom-ID offer the choice to either enter use the drop-down (der Zustrom-ID´s in use) or enter a unique-ID (as now available, randomly given by the system)  
    • shortcodes - wrong function
      By micstepl+
      starting point
      inserting a full with section giving it a "custrom name" on the way to .... wrong-function
      moving to any page with "Framework Content" inserting a "shortcode" with the Button + entring the above mentioned wrong-function
      the section is not displayed in the way the original looks like
    • WooCommerce Checkout page broken under DMS
      By nizami+
      Seem to have fallen foul of a DMS2/WooCommerce issue. 
      All pages display correctly save the WooCommerce Checkout page, which looks like this:
      Help massively appreciated as this is the last blocker before client site launch