- Posts: 22
- Thank you received: 0
Make a new module position for tab five
-
Tamanna
Inactive member - Topic Author
- Member
Less
More
11 years 1 week ago #36454
by Tamanna
Make a new module position for tab five was created 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
Thanks
Tamanna
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 1 week ago #36463
by ivan.milic
Replied by ivan.milic on topic Make a new module position for tab five
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"
<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.
-
Lois_Lane
Inactive member - New Member
Less
More
- Posts: 7
- Thank you received: 0
10 years 10 months ago #37462
by Lois_Lane
I did it as described. But now the 5th row takes a new line. They won´t fit in one row together anymore...
Replied by Lois_Lane on topic Make a new module position for tab five
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.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 10 months ago #37472
by ivan.milic
Replied by ivan.milic on topic Make a new module position for tab five
What was link?
The following user(s) said Thank You: Lois_Lane
Please Log in to join the conversation.
-
Lois_Lane
Inactive member - New Member
Less
More
- Posts: 7
- Thank you received: 0
10 years 10 months ago #37479
by Lois_Lane
Replied by Lois_Lane on topic Make a new module position for tab five
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 10 months ago #37481
by ivan.milic
Replied by ivan.milic on topic Make a new module position for tab five
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;
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