Joomla Templates Club 406,261 posts

[mebius srl Friend mebius srlJoin date: September 2014Posts: 89Downloads:30Uploads:10 Thanks: 21 Thanked: 1 times in 1 posts]

#169876

how can I put 6 tabs in hp without let the sixth fall down the first on the left?

thanks

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#420562

Hi,

You can try to increase the main site width or edit the proper css file and change some font sizes if you like but i think that the best way is to increase the main side with so you get more space for your tabs.

Regards

[mebius srl Friend mebius srlJoin date: September 2014Posts: 89Downloads:30Uploads:10 Thanks: 21 Thanked: 1 times in 1 posts]

#420564

I’d like to reduce the witdht of each tab (I’m using j.1.7)
What about the css code?

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#420565

Can i see your web site please so i can suggest to you the code that need to be altered ?

Also please set JS and CSS optimization to off in order for me to be able to see the exact code

[mebius srl Friend mebius srlJoin date: September 2014Posts: 89Downloads:30Uploads:10 Thanks: 21 Thanked: 1 times in 1 posts]

#420566

http://www.ristotram.it/j17/ here is the site
I’m not able to do the rest

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#420576

Hi,

You can try to find on style.css the following code:


.portfolio .ja-tabs-title-top ul.ja-tabs-title li h3 {
background-color: #CACCCD;
background-position: 15px 15px;
border-top-color: -moz-use-text-color;
border-top-style: none;
border-top-width: medium;
color: #88888A;
font-size: 100%;
font-weight: bold !important;
line-height: normal;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 10px;
padding-left: 51px;

padding-right: 10px;

padding-top: 15px;

}

As you can see on the bold values you can control the space on tabs and this will probably help you achieve what you need to on your website.

Regards

Update: You can find style.css on /plugins/system/jatabs/jatabs/themes/portfolio/style.css

1 user says Thank You to Manos for this useful post

1. mebius srl

[Author]

Posts