Joomla Templates Club 406,261 posts

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

#169309

Link
http://www.alesraa-group.com/contracting/arabic/index.php/contact-us-menu
screen shot
currently

need it to be

---

Attachments:

1. 
2. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#417017

Hi again,
You have fixed it already right?
Thanks
Viet Vu

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

#417134

not yet 🙁
in need it as i explained above

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#417466

Hi,
Check my screenshot please, that’s what the page looks when I open it at my side, let me know what’s wrong on that!
Thanks
Viet Vu

---

Attachments:

1. 

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

#417589

welcome again
first , i thank you for your help via messenger and it’s worked well
but i need the boxes to be at right ( RTL )
like this

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#417596

1.Go to this File : http://www.alesraa-group.com/contracting/arabic/templates/ja_business/css/template.css

replace this code

.contact .contact-form label { background: url(../images/grad-grey.gif) repeat-x left bottom; border: 1px solid #b3aba4; color: #8b8077; display: block; float: left; font-weight: bold; height: 25px; line-height: 25px; margin: 0; padding: 0 10px; width: 125px; }

With

.contact .contact-form label { background: url(../images/grad-grey.gif) repeat-x left bottom; border: 1px solid #b3aba4; color: #8b8077; display: block; float: right; font-weight: bold; height: 25px; line-height: 25px; margin: 0; padding: 0 10px; width: 125px; }

——————————————————————————————————————————————

Replace this Code

.contact .contact-form .contact-row { margin-bottom: 20px; float:left; }


With

.contact .contact-form .contact-row { margin-bottom: 20px; float:right; }


——————————————————————————————————————————————

2.GO to this File : http://www.alesraa-group.com/contracting/arabic/templates/ja_business/css/css3.css

Replace this code

.contact .contact-form label { text-shadow: 0 1px 0 #F7F6F3; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; }


With

.contact .contact-form label { text-shadow: 0 1px 0 #F7F6F3; border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; }


——————————————————————————————————————————————

Replace this Code

.contact .contact-form input { border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; box-shadow: 0 0 3px rgba(0, 0, 0, .2) inset; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2) inset; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2) inset; }

With

.contact .contact-form input { border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; box-shadow: 0 0 3px rgba(0, 0, 0, .2) inset; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2) inset; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2) inset; }


Hope this would be helpful for you

Note: If you Find my Post useful please click on the Thanks Icon

1 user says Thank You to chavan for this useful post

1. zizozoro

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

#417633

Excellent Work Mr.Chavan , it’s work now perfectly
i want to get you 10 thanks not only One :-*
Great Work .. Thanks to you

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#417644

Glad to hear finally you have solved your issue.
Thank you
Viet Vu

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

#417646

i will never forget your help also via messenger Viet Vu
You have also special thanks to you 🙂

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#417664

you are most welcome 🙂 <em>@zizozoro 273891 wrote:</em><blockquote>Excellent Work Mr.Chavan , it’s work now perfectly
i want to get you 10 thanks not only One :-*
Great Work .. Thanks to you
</blockquote>

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

#417681

i am sorry
we are still have small problem
see and compare
the above is the correct and the second which we modified

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#417682

which browser are you checking? Since it looks good in my side.

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

#417685

<em>@Chavan 273945 wrote:</em><blockquote>which browser are you checking? Since it looks good in my side.</blockquote>
this problem occur with IE8 !!

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

#417686

I think this happen when we move the text-box to right
we need to switch text box to to be from tight to left
see this

---

Attachments:

1. 

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

#417687

I have resolved it 🙂
Find

.contact .contact-form input {
background: #FAFAF8;
border: 1px solid #b3aba4;
border-left: 0;
height: 25px;
line-height: 25px;
margin: 0;
padding: 0 10px;
width: 200px;
vertical-align: top;
}
remove this

border-left: 0;
or replace with

border-right: 0;
Thanks to all 🙂

[Author]

Posts