Joomla Templates Club 406,261 posts

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#168674

hello every body
link to the site
http://www.alesraa-group.com/contracting/arabic/

i have tried to modify the theme to let it work from right to left
i have added

direction:rtl;

to template.css at body
now it

body {
color: #333;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
direction:rtl;
}

i am almost done
but i need to make a little modification
see the pic please
i need to this modification with keeping direction:rtl; as it in template.css

thanks in advance 🙂

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413346

Hi,
You replace this code from /templates/ja_business/css/template.css in the line #1373

#ja-topheader ul.menu {
display: block;
position: absolute;
top: 0;
margin-top: 10px;
}
with

#ja-topheader ul.menu {
display: block;
position: relative;
top: 0;
margin-top: 10px;
float: left;
}
– You find this code from /templates/ja_business/css/template.css in the line #27

a {
color: #DD6D14;
text-decoration: none;
float: left; < add this code
}
– SLIDESHOW : I don’t understand what you mean clearly. Could you explain more details?

1 user says Thank You to khoand for this useful post

1. zizozoro

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#413347

i have resolved the first issue
i have added
left: 0px;
to template.css at
/* Top navigation —*/
#ja-topheader ul.menu {
display: block;
position: absolute;
top: 0;
margin-top: 10px;
left: 0px;
}

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#413348

Great Work Mr.khoand
every thing is ok right now

about SLIDESHOW i need it to work normally again as it is before
check the link here please
http://www.alesraa-group.com/contracting/arabic/index.php

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413349

[QUOTE=zizozoro;268542

about SLIDESHOW i need it to work normally again as it is before
check the link here please
http://www.alesraa-group.com/contracting/arabic/index.php</blockquote>
I don’t understand what you mean clearly. Could you explain more details?Could you give me a snapshot with your annotation?

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#413350

hello again
show this please

correct

thanks in advance 🙂

---

Attachments:

1. 
2. 

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#413437

any help ….. ?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413448

Wait a minute. I will solve it soon.

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#413452

thanks mr.khoand
i have found a site using same template [JA Business]
http://www.vivacomputers.nl/
and it work normally from RTL and LTR !!
and i have seen in another topic that JA Business doesn’t support RTL !!

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413458

You replace this code from http://www.alesraa-group.com/contracting/arabic/templates/ja_business/css/mod_jaslideshow.css


.ja-slide-desc {
position: relative;
z-index: 10;
color: #877460;
height: 170px;
width: 460px;
margin-left: 480px;
}

with


.ja-slide-desc {
position: relative;
z-index: 10;
color: #877460;
height: 170px;
width: 460px;
margin-right: 480px;
}
Add code into http://www.alesraa-group.com/contracting/arabic/templates/ja_business/css/mod_jaslideshow.css


.ja-slide-desc p{
float:left;
}

1 user says Thank You to khoand for this useful post

1. zizozoro

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#413468

i am appreciate your effort
it work now normally

Thanks to you
Now latest one
the menu .. need it to start from right to left

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413471

You replace this code from http://www.alesraa-group.com/contracting/arabic/templates/ja_business/css/menu/css.css


#ja-cssmenu li {
padding: 0 5px;
font-family: 'TitilliumText22LLight';
}
with


#ja-cssmenu li {
padding: 0 5px;
font-family: 'TitilliumText22LLight';
float: right;
}

1 user says Thank You to khoand for this useful post

1. zizozoro

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#413474

Great work commander 🙂

but drop down list have an error

i think this error appeared before we added last code

you can check it here
http://www.alesraa-group.com/contracting/arabic/

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413476

You find this code from http://www.alesraa-group.com/contracting/arabic/templates/ja_business/css/menu/css.css


#ja-cssmenu li a {
color: #A38D80;
font-size: 15px;
margin-top: 10px;
padding: 10px 10px 10px;
float: none; < add this line
}

1 user says Thank You to khoand for this useful post

1. zizozoro

[zizozoro Friend zizozoroJoin date: April 2011Posts: 121Downloads:0Uploads:43 Thanks: 32 Thanked: 9 times in 1 posts]

#413479

Oh Mr.khoand .. i think you have made a magic .:laugh:
Excellent work

mmm .. but i still have small probelm
see this

---

Attachments:

1. 

[Author]

Posts