Developing list with a tab

  • Resolved myersjdo

    (@myersjdo)


    10 years, 2 months ago

    I’m trying to create a list within the tab of several items within each tab that I would like to display one item on each line. When I publish and look at the site, the items run together as if it was a paragraph. I even tried to create a bulleted list within MS Word and copied that into each tab box and it still runs together (see below). How can I make a list within each tab?

    Example:

    I would like to display the items like so:
    red
    green
    blue
    orange

    The plug in displays these items like so (even with putting extra returns in between items):

    red green blue orange

    https://ww.wp.xz.cn/plugins/tabs-responsive/

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author wpshopmart

    (@wpshopmart)

    10 years, 2 months ago

    Hi,

    Can you share me your tabs page url where you have display your list in a tab.

    Thanks

    Thread Starter myersjdo

    (@myersjdo)

    10 years, 2 months ago

    I am still working on the site locally and do not have it uploaded live yet. I have a couple of screen shots I can e-mail to you (I was hoping I could just post the screen shots here)

    Thanks,
    Jeff

    Plugin Author wpshopmart

    (@wpshopmart)

    10 years, 2 months ago

    Hello Jeff,

    Here my email address – wpshopmart[at]gmail[dot]com

    Thanks

    Plugin Author wpshopmart

    (@wpshopmart)

    10 years, 2 months ago

    Hello Jeff,

    You will need to add an html code there –

    try this in your tab description –

    <ul>
	<li> Your list text </li>
	<li your list text </li>
	<li> your list text </li>
</ul>

    Thanks

    tmplast

    (@tmplast)

    10 years, 2 months ago

    Hello, i have the same problem. Please? help me to solve it. Where i should exactly put? Where is tab description?

    • Your list text

      • <li your list text

    • your list text

    Thanks.

    Plugin Author wpshopmart

    (@wpshopmart)

    10 years, 2 months ago

    Hello,

    Sorry for wrong code.

    Add this code in your tab description – 

    <ul>
	<li> Your list text </li>
	<li> your list text </li>
	<li> your list text </li>
</ul>
    tmplast

    (@tmplast)

    10 years, 2 months ago

    I am, so sorry, but i still don’t understand where should i put this code. May be in the post?

    Plugin Author wpshopmart

    (@wpshopmart)

    10 years, 2 months ago

    Hello Sir,

    If you want to show list in tabs content then this code will help your to display your list.

    Without that code you can not to be able to add list in your tabs description.

    Thanks

    gardnerc

    (@gardnerc)

    10 years ago

    myersjdo, if you want the list to have each item on one line and you don’t want to use an unordered list (which puts a bullet in front) as wpshopsmart described, you can just put a linebreak after each item, so…

    red<br>
green<br>
blue<br>
orange<br>

    Add a second <br> if you want a blank line in-between each. If you want the list indented from the rest of the text, you can put them in a blockquote:

    <blockquote >
red<br>
green<br>
blue<br>
orange<br>
</blockquote>

    And tmplast, the tab description is not in a post or page, but in the Tab Responsive menu within a particular tab group. Each tab has a Tab Title, a Tab Description, and a Tab Icon. The Tab Description field is where you want the content of the tab to go.

    Plugin Author wpshopmart

    (@wpshopmart)

    10 years ago

    Hi gardnerc,

    Thanks for submit a valuable suggestion here.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Developing list with a tab’ is closed to new replies.