Jump to content


Recommended Posts


Pagelines > frameworks >


Pagelines Tools > Tabs


Issue: Im trying to use the pagelines tools code that creates tabs (see below)


  1. [pl_tabs][pl_tabtitlesection type="tabs"]
  2. [pl_tabtitle active="yes" number="1"]Title 1[/pl_tabtitle]
  3. [pl_tabtitle number="2"]Title 2[/pl_tabtitle]
  4. [/pl_tabtitlesection][pl_tabcontentsection]
  5. [pl_tabcontent active="yes" number="1"]
  6. Lorem ipsum dolor sit amet, consectetur adipiscing elit
  7. [/pl_tabcontent]
  8. [pl_tabcontent number="2"]
  9. <img class="pl-imageframe" alt="" />
  10. [/pl_tabcontent]
  11. [/pl_tabcontentsection]
  13. [/pl_tabs]



However, when I view it on my site the tabs do not line up horizontally. One tab or another is always out of place (See http://engravedwineboxes.com/themed-boxes/)





Share this post

Link to post
Share on other sites
James B

Hi there,


Wrap the tabs code in [pl_raw] tags, this will ensure the code is read correctly. I've copied in the example from the demo page below for you to see, place your code in where the shortcode is in the example.


You may find that Wordpress inserts line-breaks when using Shortcodes on different lines. To prevent this from ruining your day, wrap problematic shortcodes in RAW. Example: rawSC.png?v=1363434364

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

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

  • Similar Content

    • Jason
      By Jason+
      Any chance you can add anchors to the tabs shortcode (similar to ultimate shortcode plugin)?
      Just annoying having to use that plugin rather than pagelines one
      <h2>Tabs anchors</h2> [su_tabs] [su_tab title="Tab 1" anchor="First"] Tab 1 content [/su_tab] [su_tab title="Tab 2" anchor="Second"] Tab 2 content [/su_tab] [su_tab title="Tab 3" anchor="Third"] Tab 3 content [/su_tab] [/su_tabs] Use next links to switch this tabs <a href="#First">Open tab 1</a> | <a href="#Second">Open tab 2</a> | <a href="#Third">Open tab 3</a>  
    • Rebecca Rinas
      By Rebecca Rinas
      I want my separate tabs to stay open with the collapser flat plugin - they don't show up until you hover over them. Anyone know how to make all of them visible?Thanks
    • Steve Webb
      By Steve Webb+
      Wondering if there is a way to use pills instead of tabs with the tabs shortcodes?
      I noticed that in the .less file there is the option for pills, just dont knowhow to make the markup happen.
      Is there a different shortcode for pills, or a way to select that option with that shortcode?
    • fullcontact
      By fullcontact
      Propricing allows for one Link URL and 1 Link Text for each pricing Col. in the table.
      Many times when a particular option is being sold it would be nice to have the option to add a "Billed Monthly" or "Billed Yearly" link for the same col.
      So what I'm looking to do is:
      1. Find a way to either split the single button in each col. into two separate buttons each with it's own direct link to a billing system/ gateway that is set for the monthly or yearly option.
      2.  have separate propricing sections in  a tabbed view.  For example the first default tab would display the "billed monthly" table and the second tab would have a cloned version with the "billed yearly' button.
      I'm looking for suggestions... just want to reduce the number of steps/choices/screens the buyer has to go through when ordering.
    • seanocaside21
      By seanocaside21+
      Hi Ellen,
      I am having an issue with your Tabtastic plugin that I recently purchased.
      Basically on tab click the page scrolls down to bottom. Obviously not ideal!
      You can see the test website here http://gwd-test.flcr....ie/?page_id=28
      I wonder do have a solution?