Make a new module position for tab five

  • Tamanna
    Inactive member
  • Topic Author
  • Member
  • Member
More
11 years 1 week ago #36454 by Tamanna
In the template there are four tabs. I want to insert five tabs, how to make a new module position for one more tab.Please help regarding this.
Thanks
Tamanna

Please Log in to join the conversation.

More
11 years 1 week ago #36463 by ivan.milic
So you need one more tab button, fourth is:

<li><a href="#tabs-4" class="bigtext"><img src="/one_page/images/tabs/finance.png" alt="icon" /><br/>Finance<br/><span class="subheading">Investments</span></a></li>


insert href="#tabs-5" just after. And make <div id="tabs-5" ... like you have <div id="tabs-4"

Please Log in to join the conversation.

More
10 years 10 months ago #37462 by Lois_Lane

ivan.milic wrote: So you need one more tab button, fourth is:

<li><a href="#tabs-4" class="bigtext"><img src="/one_page/images/tabs/finance.png" alt="icon" /><br/>Finance<br/><span class="subheading">Investments</span></a></li>


insert href="#tabs-5" just after. And make <div id="tabs-5" ... like you have <div id="tabs-4"


I did it as described. But now the 5th row takes a new line. They won´t fit in one row together anymore...

Please Log in to join the conversation.

More
10 years 10 months ago #37472 by ivan.milic
What was link?
The following user(s) said Thank You: Lois_Lane

Please Log in to join the conversation.

More
10 years 10 months ago #37479 by Lois_Lane

Please Log in to join the conversation.

More
10 years 10 months ago #37481 by ivan.milic
in layout.css:

ul.ui-tabs-nav li {
width: 24%;
min-width: 150px;
display: inline-block;
text-align: center;
}

change width: 24%; to width: 19%;

and min-width: 150px; to min-width: 100px;
The following user(s) said Thank You: Lois_Lane

Please Log in to join the conversation.

Time to create page: 0.164 seconds
Powered by Kunena Forum