Issues with translating to Farsi RTL Language

Hi Peter,

Thanks for the tips.

1) Are you sure that the page is using rtl.css? social icons and address on the top are still LTR similar to english version. Also in mobile version, the page loads from left to right. Check the icon boxes in the middle of the page. I have tried to arrange them from right to left but in mobild version, it is loaded left to right.

2) I need help as when I wanted to add the code to the htaccess file I messed it up. Please let me know how I should change the code to solve my problem. What should I put for filename? Are you sure this solves the font problem with IE?

php_value magic_quotes_gpc 0

Header set Access-Control-Allow-Origin “*”

if ($filename ~* ^.*?\.(eot)|(ttf)|(woff)$){
add_header Access-Control-Allow-Origin *;
}

2- regarding the gap above the header I haven’t set anything. As I told you the header is set somehow to be bellow the top of the screen. when you scroll the page down you can see though that gap. check it here: http://www.franchiseelites.com/fa/

thanks,
Amir

I referred to a wrong page regarding the last point. It is in this page above.

Another point! The strip above the header that contains the social icon has not changed to RTL? Is there any fix for it too?

Hi Josue,

Thanks for your quick response.

1) First of all I found a work around for the font face problem in IE. I transferred the fonts on my server and added following code to htaccess file and seems the font appears fine on IE and Firefox. So please don’t put your time on it.
# BEGIN REQUIRED FOR WEBFONTS

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff

<FilesMatch “\.(ttf|otf|eot|woff)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>

# END REQUIRED FOR WEBFONTS

2) I had the !important in my quick CSS. I have to put those to force farsi pages use my new font and not the theme fonts instead. when I remove them the theme doesnt use my font!!!

.page-id-1233 { font-family: ‘BBCNassim’, Tahoma !important;
}
.page-id-1233 h1, h2, h3, h4, h5, h6, socket, footer, header, caption { font-family: ‘BBCNassim’, Tahoma !important;
}

Is there any way to tell the theme use my new font for all farsi pages instead of above codes I am currently using?

Nevertheless, when I removed both “!important” the gap didn’t appear !???

3) I added the same text of icon box caption in a text box under each one. Take a look at the website know (http://www.franchiseelites.com/fa/

The problem is the code I used for forcing the farsi pages to use my font doen’t work on every element.including icon caption, drop down menu of contact from, etc. Is there any way to apply it to every this in Farsi pages?

4) I still have problem with Mobile RTL view. in mobile the page is shown by order from left to right and not right to left as in desktop version.

Thanks
Amir

Josue,

Great help from you today :)

I found the source of problem with the gap. You were right. I couldn’t have fixed it without knowing the point you told me.

Using above code, the font problem solved for every part of my page. Excellent Josue!

One problem that still is there, is the problem with mobile devices. In mobile view text boxes and icon boxes are shown one after another in an order that is shown left to right in desktop version. How do I solve this?

Thanks,
Amir

Josue,

As Farsi is a RTL langiage, the box which is on the right side in desktop view should come first on the top in mobile view, then the middle box and them the left box at the bottom. But what happens right now is the opposite i.e. the left box comes first on top (similar to English version).

Bests,
Amir