Joomla Templates Club 406,261 posts

[tangierc Friend tangiercJoin date: December 2008Posts: 71Downloads:0Uploads:0 Thanks: 6]

#162377

Using JA Tabs, I noticed no matter what I put in the tab title width parameter, there’s no changes. I there a way to have the tabs only as wide (or just barely wider) than the title.

I am having a big formatting issue because I have seven tabs, and one of them carries over to a new row. It’s very ugly.

Please advise.

I don’t have a link to view because I am building the site locally on my computer.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#384873

You can adjust width value here accordingly::

.portfolio .ja-tabs-title-top ul.ja-tabs-title li {style.css (line 35)
background: none repeat scroll 0 0 #CACCCD;
border-bottom: 1px solid #B5B5B7;
border-left: 1px solid #E2E2E5;
border-right: 1px solid #B5B5B7;
height: 60px;
margin-bottom: -1px;
margin-left: 0;
width: 140px;
}

Css file reference:: plugins/content/ja_tabs/themes/portfolio/style.css

This would imply if you are using portfolio tab style

[tangierc Friend tangiercJoin date: December 2008Posts: 71Downloads:0Uploads:0 Thanks: 6]

#384995

Thank you. However is there a way to have the tabs auto adjust the width to the text that’s there? The problem that I am having is that they are all the same width and some of the text is only three letters long.

Here’s what it looks like right now: http://tangierclarke.com/tabs-problem.png

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#384998

<em>@tangierc 232429 wrote:</em><blockquote>Thank you. However is there a way to have the tabs auto adjust the width to the text that’s there? The problem that I am having is that they are all the same width and some of the text is only three letters long.

Here’s what it looks like right now: http://tangierclarke.com/tabs-problem.png</blockquote>

You can try change above width property as::

width:auto;

1 user says Thank You to aman204 for this useful post

1. tangierc

[tangierc Friend tangiercJoin date: December 2008Posts: 71Downloads:0Uploads:0 Thanks: 6]

#385004

Thanks that worked. Is that the same css style where I would apply font styling? I need to make it smaller because it still doesn’t fit. I’ll have to figure out which style to modify.

Thanks again.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#385007

<em>@tangierc 232438 wrote:</em><blockquote>Thanks that worked. Is that the same css style where I would apply font styling? I need to make it smaller because it still doesn’t fit. I’ll have to figure out which style to modify.

Thanks again.</blockquote>

For this, You can adjust font-size value here accordingly::

.portfolio .ja-tabs-title-top ul.ja-tabs-title li h3 {style.css (line 48)
background-color: #CACCCD;
background-position: 15px 15px;
border-top: medium none;
color: #88888A;
font-size: 100%;
font-weight: bold !important;
line-height: normal;
margin: 0;
padding: 15px 15px 10px 55px;
}

[Author]

Posts