Joomla Templates Club 406,261 posts

[alghanim Friend alghanimJoin date: March 2011Posts: 29Downloads:0Uploads:1 Thanks: 9]

#162000

Hi,
I have problem in the position of search module ,(when I put the option of the template to the RTL) the logo of the site is over the search module ?!

Could somebody help me ?

Thanks .

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

#383575

Please re-check as it seems to appear fine in Rtl mode

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

#383579

Hi, Do you give me your website?

[alghanim Friend alghanimJoin date: March 2011Posts: 29Downloads:0Uploads:1 Thanks: 9]

#383607

Well , I’m trying to fix it , so I change this code in template.css

#ja-search {
right: 5px;
}

to this

#ja-search {
left: 5px;
}


But when you change the direction of the template to the LTR it will be a mess ?!

This it my website : http://www.duah.org/ar/

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#383616

Dear alghanim,

Any css changes for the RTL Mode you should add it into the file of templatesja_portfoliocsstemplate-rtl.css so you can undo your change then open that css file and add
#ja-search {

left: 5px !important;
}

I hope that would help !

[alghanim Friend alghanimJoin date: March 2011Posts: 29Downloads:0Uploads:1 Thanks: 9]

#383628

<em>@dathq 230627 wrote:</em><blockquote>Dear alghanim,

Any css changes for the RTL Mode you should add it into the file of templatesja_portfoliocsstemplate-rtl.css so you can undo your change then open that css file and add
#ja-search {

left: 5px !important;
}

I hope that would help !</blockquote>

I do it , but it’s not working !!

Now I have two files :

1) template.css :
#ja-search {

right: 5px ;
}

2) template-rtl.css :
#ja-search {

left: 5px !important;
}

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#384032

Dear alghanim,

You can try with this css

#ja-search {
background-position: 180px center;
left: 5px !important;
position: absolute;
right: auto !important;
}

i think it would help !

1 user says Thank You to Sherlock for this useful post

1. alghanim

[alghanim Friend alghanimJoin date: March 2011Posts: 29Downloads:0Uploads:1 Thanks: 9]

#384058

That’s PERFECT 😀

It worked .

Thanks .

[alghanim Friend alghanimJoin date: March 2011Posts: 29Downloads:0Uploads:1 Thanks: 9]

#384115

Thanks for your help .

There is one problem , the search box didn’t changed on Internet Explorer !!

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#384164

Please also apply your changes in template-ie.css and template-ie7-rtl.css

[alghanim Friend alghanimJoin date: March 2011Posts: 29Downloads:0Uploads:1 Thanks: 9]

#384165

I tried , but it’s not working !!

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#384172

Dear alghanim,

I saw that the css rules of the template-rtl.css file have not been applied for the IE Browser,you can try to enable the Optimize css in your template back-end.
I think that would help.

1 user says Thank You to Sherlock for this useful post

1. alghanim

[Author]

Posts