Joomla Extensions Club 20,483 posts

[tsahi Friend tsahiJoin date: January 2007Posts: 14Downloads:0Uploads:1 Thanks: 5]

#136432

Hi,
Is there a way to align the tabs to the right instead of to the left as it is now?

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#283770

Hi tsahi,

To align the tabs to the right instead of to the left, please open file plugins/content/ja_tabs/ja_tabs.css, at about line 27, find following script:

.ja-tabswrap div.ja-tab-content {
border:medium none;
padding:0;
position:absolute;
width:100%;
z-index:100;
}

and change to:

.ja-tabswrap div.ja-tab-content {
border:medium none;
padding:0;
position:absolute;
text-align:right;
width:100%;
z-index:100;
}

1 user says Thank You to JA Developer for this useful post

1. tsahi

[tsahi Friend tsahiJoin date: January 2007Posts: 14Downloads:0Uploads:1 Thanks: 5]

#283779

I probably didn’t explain my self right.
I meant for the tabs title to be align to the right.
I’ve managed to do so but only in explorer when I changed the code on line 62:

from:

ja-tabs-title-top ul.ja-tabs-title li {
float: left;
background: none;
margin: 0;
padding: 0;
cursor: pointer;
display: block;

to:

ja-tabs-title-top ul.ja-tabs-title li {
float: right;
background: none;
margin: 0;
padding: 0;
cursor: pointer;
display: block;

but in ifrefox there is no change…
do you know why and can I change it so firefox will also show it like that?

[izerobot Friend izerobotJoin date: August 2009Posts: 6Downloads:0Uploads:0 Thanks: 4]

#351176

in case you want to align right in all browsers – I found this simple solution: (of course you have to change it on relevant style of tab)
.pyrite .ja-tabs-title-top ul.ja-tabs-title {
height: 29px;
bottom: -1px;
right:0px;
left:0px;

}

[Author]

Posts