How To Enable Right-To-Left (RTL) in WordPress & Elementor — Live Localization, Day 7

•      Was this content helpful?

Was this content helpful?

How do you localize an online course into another language? We’re going to show you precisely that! In the seventh video, we teach you how to enable right-to-left (RTL) support in WordPress and Elementor.

Welcome to a new series called Live Localization where we show you the process of localization from start to finish. Together with Ahmed from Words, we will localize our Localization Project Manager course into Arabic.


Andrej Zito

Hi, everyone. We are back. It is Wednesday. So it’s time for our live localization stream. This is Andrej and I’m here with Ahmed. Ahmed looking good. Right in the center. Say hello to everyone.

Ahmed Elmiligy

Hi, everybody.

Andrej Zito

This is Andrej, and myself from your computer. So what we were doing last time is yes, we kind of like imported, the translation that Ahmed and his team did, we imported it back into WordPress. But as you many of you have told us on LinkedIn, it wasn’t the best RTL. So that’s what we’re going to try to do now with the CSS settings to actually enable or allow RTL for this single page that we’re creating the landing page. And then we’re going to also see what we have to do with the video because that’s the second part of the landing page that we’re still missing. And I think maybe I can You can tell everyone what you did for the last week when it comes to the idea

Ahmed Elmiligy

of you. For some time, actually, we were trying to test the best subtitling subtitling software, and a lot of things are available in the market. But what it was a bit disappointing for me that I could not do the support link on Prados cloud. Yeah, you can easily like prepared a file and import your SRT files into the cloud. When you are translating, subtitling, it’s important to see the video. Right. And that’s why we had to do it offline with a good old friend supporting it. I understand there are it is, you know, a subtitle is it is like known to be a tool for it’s free. It’s available for everyone. It’s a lovely, it’s not can’t customize that for translation perfectly. But it’s it’s good, you know, like you can do it. And I was doing the translation myself in between my daily tasks and we It looks fine looks alright, since the screenshot to Andrej

Andrej Zito

was very happy about it.

Ahmed Elmiligy

And then actually, it’s going to need perhaps like a proofreading stage to make sure that everything’s okay we use the like, common parameter which is around 48 characters blind. We didn’t want to you know, we in Arabic, Arabic is very rich, that we can go explaining and extending the text but we tried to be as you know, cats commercial as possible, because the videos like short and quick, right. And in the middle, I think when I was almost done with the translation, I went back to the to the source, because I was I was not using the English source the English script. I was like listening to the audio. And then I check a couple of sentences and we have actually a very nice SRT file. Perhaps I’m going to send the screenshot For the records in the unreal. So part of our documentation.

Andrej Zito

So do you still our the switch to view? So do you still need the need to do the proofreading within your translation step before you send it in trato? spectrummy?

Ahmed Elmiligy

I don’t think I’m going to deliver it in troubles. It’s not going to be like practical. Okay. Okay. Yeah. But I’m going to send it to you in the form of SRP. This is this is this is something that we I was going to discuss with you about the deliverable. That’s an important part of the project management. project manager’s job is to discuss the deliverable. And here, here we have the final output should be a video that is embedded in in the landing landing page, correct? Yes, that is why that that’s why it’s, it’s not going to be very practical. We have two options. We can like print in a different software, we can print the subtitling gonna, on the video itself directly. Or we can like play with the Arabic translation on YouTube itself. No, like, we understand that

Andrej Zito

it’s in the beginning to burn it. Right.

Ahmed Elmiligy

Yeah, we have the options we have, we have the two options in our hand because you have translation available. I think I, I can send you the screenshot here. Or if you have, like WhatsApp open on your desktop.

Andrej Zito

I can open it. Yeah.

Ahmed Elmiligy

Yeah. Looks funny movies and

Andrej Zito

see.

Ahmed Elmiligy

So for food to serve the purpose of this of the subtitling, we needed, mostly on YouTube. And I believe that YouTube gives a very nice option where you can, like export the captions to YouTube directly, and play with it. And it’s going to be on the video like forever, as long as you keep it, which is something that I recommend better than like burning the the subtitle owner on the video. We have both options. Both both are actually available.

Andrej Zito

So are we changing the decision? Because I think initially, we agreed that we’re going to burn it because we can.

Ahmed Elmiligy

It’s good that you reminded me Yeah, yeah, we thought that. Okay. Someone is going. Thank you for reminding me of that. Yeah. Someone is going to like click the video when he’s mostly like 80% is looking from mobile. So there will be. Yeah, yeah. Okay, we can burn there. That’s why That’s why Burning has to be done. Some of the clients actually do the digs and they say I need I don’t need I don’t understand what what it is it is I cannot actually activate it was just very, very easy to open an SRT file in a video, but any child can do it. But some people don’t prefer to, like do extra things. And the give me the video with the subtitle, as well. I don’t know what expression to use. Technically, but we say burning and printing the Yeah, yeah.

Andrej Zito

But going back to try to so if you say that you’re just going to deliver the SRT because it’s not good for trials. Are we losing the translations in the TM? Because be updated?

Ahmed Elmiligy

To be honest, to be honest, I have not actually made any use of the triangles project. Why? Because I went with perhaps I went with I blade a blade a lot with the sentences in Arabic. It’s like a trance created it. Yeah, you know? Why? Because I watched the video and I imagined myself I’m going to trust it. I did not really follow the same time code with the English, which is something that you know, is still optional. I think we have this liberty here and some other projects. The clients, they asked you not to play with it. But you know, you This is a commercial you know, it’s like you’re talking about Yeah. Yeah. Bad news and good news. And it’s, so I had to play with the I follow the script, translate everything. And I had to play with the timecode. So I think we can still import it to the maybe recreated and drops. It’s not going to be a big deal to keep a TM of some kind. But yeah, this is a decision that we have to make about the rest of the course. Because it’s going to be like online. wreck. Yes. I have to do this. Yeah. But you’re right. You’re right there. Yeah, I think I have just a couple of more videos.

Andrej Zito

I think I was asking someone about SRTs. And they even mentioned, because you’re actually doing the same thing. Like, you technically don’t need the source file to be SRT rights since you do the timestamps on your own anyway. Wouldn’t it be better if we just put it as like, I don’t know, like a bunch of strings without the timestamps.

Ahmed Elmiligy

Actually, playing creating the timestamps from scratch in Arabic, is it as it adds some extra effort? You know, I can imagine, spend some time to like, fix them and adjust them to. But let’s see, maybe we can test a couple of more videos and see if we have we are going to stick to the most probably the rest of the course is like education and material. Perhaps I would imagine that you will speaking more slowly, not like, yeah, yeah. So I think it is my imagination, because I think I watched the preview of the review. And I we can we can still stick to the source, the having the source material. But there will be a necessity to like, check it online and see if everything is flowing right. Normally,

Andrej Zito

okay. Yeah, I just I just Yeah, I think we can discuss about the course like once we actually decide to go all in, right, because we’re gonna focus on the edge.

Ahmed Elmiligy

It’s a funny thing, because I think, a couple of recent posts on LinkedIn, I started to receive some messages and from friends, and we will, we will, I don’t know, speak Arabic. And they were asking how can I how can I, like, readjust? How can I get the course? And I thought, Okay, guys, I will. I’m going to get back to about this because we have to check with the localization Academy. Why I didn’t want to direct them into the landing page where they can read just the emails, because I’m not sure it’s what is working still,

Andrej Zito

or it’s not life yet. Life yet. Yeah.

Ahmed Elmiligy

And I’m going to do a very good sales effort, maybe marketing ever where I can go back to them. I actually took some notes. I’m a business developer. I know. I took some notes. I’m going to communicate with them. Guys. Now you can register.

Andrej Zito

Right, right, right. Yeah, of course. Yeah. Okay. Another thing. So before we get into the WordPress thing, which I think is the main thing that we highlighted for today, one more thing that I wanted to discuss Achmed is that. So let’s say today, we start doing the the work Press, we fixed the RTL think. And hopefully maybe we even slowly start doing the video. Like there’s part of the text that’s like part of the, you know, like On screen text, and I’m not talking about burning the subtitles, just like it even shows up. So maybe we can start with that. And next Wednesday, I think ideally, next Wednesday, we should wrap it all up and have the page ready, because I’m actually going to Europe on October 9 for three weeks. So maybe during the time I won’t be streaming much because I won’t have the usual setup. You know, I’m just

Ahmed Elmiligy

joining the conference in Bratislava to work yeah, really.

Andrej Zito

Where are you going there?

Ahmed Elmiligy

I was going but I had some troubles in my Schengen visa and I couldn’t go on. Because I was I was Oh damn.

Andrej Zito

I’m actually I’m actually I’m actually I’m going through the conference but I’m going to be very close to Bratislava. So I’m already meeting someone who is going to the conference. So

Ahmed Elmiligy

I was you know, I was going to meet a lot of good friends there which is very bad. Hopefully next time she will, but I’m hoping that in February I can I can be in Rome with the with the Ilia guys, I hope so.

Andrej Zito

Alright, so just so that you have a rough idea of when we should have the landing page ready. Next stream Okay, so let me show you what I showed you in WhatsApp what I figured out let’s see if it actually works. I think we will still need to find two and a few little things. But the trick is to add the I think it’s how’s it called Work price element or RTL and you should you can see my screen right as I’m doing things Yeah. Okay, good. I think it was just this direction. What am I doing? Direction RTL Alright, so I’m going to first try it here on the preview. So this is the whole page and I’m going to say that the direction is RTL

Ahmed Elmiligy

awesome.

Andrej Zito

Did it flip everything Yeah,

Ahmed Elmiligy

yeah. sighs So

Andrej Zito

let’s have a quick look. So this flipped or even the form is good it is coming from the right side yeah

Andrej Zito

wait no why did it refresh? Oh my God stop refreshing direction

Ahmed Elmiligy

you know in the code

Andrej Zito

so this is I don’t know where our testimonials went. So this is also flipped I think we’ll need to probably change this icon. I can do

Ahmed Elmiligy

the yes it may Yeah, this this icon need to be changed and maybe moved to move a space between the icon and yeah,

Andrej Zito

yeah. Okay, good point. This one is also flipped. This is us now. You’re now you’re there. That’s good.

Ahmed Elmiligy

Here, here. Um, yeah, here we are. We would love this. This looks fine. But it’s not aligned correctly. You know, it needs to be aligned from this one. The right

Andrej Zito

oh yeah, I can I can change that inside Okay, good. And also this one will change the the plus and minus to just give it some extra space All right. Do lat Nice to see you. Hi, guys. Thanks for putting this together during the acquisition process. Does trellis also handle mixed text strings? Where is the potential for bed reading order which is often triggered by reading order directionality Wow, dude, I don’t know if Achmed can answer this because I was telling Aquaman before maybe you can even see it. I didn’t sleep very well. Yes.

Ahmed Elmiligy

I’m not sure I can see this comment. But um, wait a minute. I will need just to read it once again.

Andrej Zito

Yes. Okay. You should be able to see it on the on the street if you have the stream

Ahmed Elmiligy

on YouTube right? Yeah. On LinkedIn.

Andrej Zito

We’re live on both Let me see.

Ahmed Elmiligy

Yes, I think you’re putting together does drugs also handle mixed text strings but there’s a potential for bad reading older which is often triggered by reading all the functionality if I understand the question Yeah, you can you can fix the troubles the support Arabic in its indirection when it comes to direction it’s not perfect in every way is you know, like sometimes it’s it’s tricky when numbers are in the middle of. of a line

Ahmed Elmiligy

Yeah, we’ll make them if I understand mixed language strings though, when you have like Arabic and English in the middle. Right, yeah, sometimes it’s flipped sometimes it doesn’t doesn’t display the lines correctly when when, when it’s a mixed language string. So, we have to do some manual DTB work like what what we do and now in many you know, in the past it was it was like terrible and I think recent versions of troubles the tackle this problem much better than before but it still exists until this very moment I see it and so we have to fix numbers and dates in the middle of you know, like Arabic texts or some English numbers or English names, addresses and stuff like that. So we have to fix manually, we have to check manually it’s very dangerous to take the text from travels directly to the to the you know, like the delivered directly without checking the clean documents. I hope I was able to, like understand, explain this to you.

Andrej Zito

Thank you. Okay, what can you see my screen now?

Ahmed Elmiligy

Yes,

Andrej Zito

I just have a quick question. You know, like at the top we have the logo relocalization Academy, does that need to be flipped? Or is does it stay? Because it’s let’s say our brand link? Would you put the logo mark to the right side first? You know, what I’m talking about?

Ahmed Elmiligy

Doesn’t matter. I think it looks really does not matter. No, no, I don’t we don’t really play with the design. Like it should be a logo is like, unless you want to localize the logo. And here is a trick that I want to share with you maybe any one who speaks Arabic or any translator who who’s reading or watching us right now we are use actually a different title by added the word translation, which is not does not exist in the English. I said it’s a project manager for translation and localization because the word localization alone can be very tricky when you read it in Arabic.

Andrej Zito

Okay, that’s good. One thing that I have for you I think last time you were mentioning something about the font and you said that maybe this font is not the best one Do you Do you have any suggestion for a font that would be better to display

Ahmed Elmiligy

soon the homework that I didn’t do but

Andrej Zito

maybe you can quickly quickly Google? Because we are using like a standard

Ahmed Elmiligy

I think I can quickly something Google

Andrej Zito

for Arabic Oh there’s even the best not poor sounds

Ahmed Elmiligy

very nice. Like this one.

Andrej Zito

Can you see my screen

Ahmed Elmiligy

Wait a minute that’s ah yeah, yeah, this one is this one this one this is what I was Googling right now. This one is like very nice. It’s quite commercial and it’s used in many Arabic website with the like more than Arabic websites I would recommend this This font is called notto.

Andrej Zito

Let’s see if I can actually change in the here two sons Oh, there is not the sons or abic for home. Oh, it does look different right. Does it look good now? The heading is that what you like? If you can see my screen

Ahmed Elmiligy

Wait a minute. Ah now it looks very good. Yeah, mostly instructive to me.

Andrej Zito

Perfect.

Ahmed Elmiligy

You have to also try it. This isn’t a trick you have to also try it in different lines because this form sometimes he plays games with numbers okay yeah, yeah, we

Andrej Zito

try we try here.

Ahmed Elmiligy

I’ve experienced this before to find numbers like in looks fine. Yeah,

Andrej Zito

it looks fine. Nice. Nice.

Ahmed Elmiligy

I like it. Even though if you don’t know Arabic you find like it’s quite attract

Andrej Zito

to absolutely, absolutely yeah. And I

Ahmed Elmiligy

had this discussion with one of the professors in Egyptian University, where I was like creating some content and stuff. And he prefers this like the old Times New Roman. And I told him what is like the old newspaper style? Why do you guys do? Why do you guys think this way?

Andrej Zito

Right? Okay, I think there would be a way how to change the fonts through CSS for everything, but I’m not sure how it’s going to interact with element or let me see if I can change it. I’d say globally. With the one preview changes. Okay. This is loading. Oh, yeah, it looks way better. So let’s see if I put here. I think it’s font family. Since Oh, it works. I think it works. Oh, yeah. Okay. I’m going to do that. So I need to put it on the on the main ID. I hope it doesn’t mess up the whole page. So let me actually revert this back. Where is there something like a fallback one for this one? Sans Serif. Okay. How do I do with that? Why did they revert everything back? History, I’m also going to fix this thing. So everything started. Save Draft. And what was should not be mirrored? They are typically trademark. Right. Good point. Okay. So I need to go into the global settings. And I think there is a custom CSS here. And I think what I need to do is I need to do the this thing. So it only changes this page. What see so that’s main app. So what does that mean? That this one okay, what did we have there? These two things direction or good works. And now just to make sure it doesn’t mess up the rest of the beach. Safe. And let me see if our website is actually still working position academy.com This still looks normal. Alright. Okay, so I wanted to do the phone company.

Ahmed Elmiligy

So this phone is available on this on the system, right? It did not like

Andrej Zito

it so it’s a Google phone. So it means that the Yeah, just downloads from servers.

Ahmed Elmiligy

And this is actually a phone that I would use if I’m going to localize my website for example,

Andrej Zito

price on family or is it doesn’t show up on family my son’s No, it’s without the dashes. Capital suns. Oh, there we go. I think that’s the one did it change? It did change for some reason small okay, what are we going to do as a fallback font? I just sent serif I think still how we do for microphones do it do where am I okay, as soon as I set this up awkward I’m gonna need your help again with the rest so let me just quickly check this to make sure I’m doing in the right way. Where is this think computer now? Can computer it’s already the font family this one. So we started Roboto trebuchet. Helvetica does Helvetica so port or avec I think it should, right? Yeah, to put it as a fallback phone and it’s switched out. It’s this one. So how Helvetica and then some surf? Okay. Update All right. I think it messed up the site identity for some reason. All won’t go quickly fix this. I don’t know why it does this thing. Okay. And back to the editor so where are we now? Okay. So we are here are epic. Okay, so let’s go one by one. So this looks good. Do you think the size is good? Or should I increase the size?

Ahmed Elmiligy

Looks fine. Looks fine.

Andrej Zito

Okay, good. So I think this button is is this button bad? That I mean the arrow

Ahmed Elmiligy

where you can book my seat. Right? Hook your spot?

Andrej Zito

Yeah. So the arrow shouldn’t be on the right side or on the left side?

Ahmed Elmiligy

It is okay. Well, we need to add space space, right? Yeah, between the word and

Andrej Zito

your, your, your your Yeah, let’s see if I can do this submit icon. Yay, doesn’t work this time. I put afterthoughts in there I think

Andrej Zito

whereas this thing, here is the thing. Okay, and it has margin right 10 pixels. So we need to give it selector. And this is what is this one element or bottom icon and mantra icon. And we won What do we want? We want large and this can go away? This can go away? One margin on the left side margin. Left’s and pixels there. Me in the gates? Not? I’m not going to get it here. So is this good? Is this enough? Or what you want more? If you can see it.

Ahmed Elmiligy

I can see. I can see nothing changed. Now it looks fine. That was much better. Yeah. Because same thing needs to be done below. Cool.

Andrej Zito

Okay. Okay, this because it doesn’t matter. Okay, so that’s good. How about our form so you can type in from the right side? That looks good. So video, we’ll handle that later. Okay, here are testimonials. Do the testimonials look good to you? Think they work fine.

Ahmed Elmiligy

Just demonium? The

Andrej Zito

you should be able to see them on the on the Google meet think?

Ahmed Elmiligy

Yeah, looks fine. Yeah. Okay.

Andrej Zito

Okay. From

Ahmed Elmiligy

this question from gala one, once again, does the swipe the digit during localization, the number 10 under the header is display using our digits rather than than Hindi digits used? Well, I understand that the troubles does not do this does not change the numbers to Hindi style. But perhaps you have an idea about the style. It’s how the Arabic is written. We call it Arabic. We call it Arabic. But Microsoft the use the term Hindi which is correct, because the form the numbers is originally originated from the Hindi. So it’s written in a different manner, but it travels does not do that does not change from Latin form to Hindi. does not use the Hindi digits. It keeps everything as it is. And there was a discussion with our Design team that we were actually doing some DTB work today we did not we do not really need it um This customer is requesting that the numbers are written in a Hindi style in Hindi form but everybody can read it especially in in a in a content like that when we are publishing a website with for the product management course we do not really need to change the numbers that the Hindi style doesn’t make any difference but, you know another RTL languages they have different numbers in the numbers are written differently like fancy for example until this very moment I get confused with the Farsi numbers

Ahmed Elmiligy

I hope I hope that I was able to answer the question for Gila I’m losing you are you talking Andrei

Andrej Zito

I’m sorry I was just I was just trying to figure out something with the with the arrows the arrows

Ahmed Elmiligy

and to all of our friends are gonna do the project management thing if you don’t have a localization engineer you you’re gonna have a very hard time

Andrej Zito

Oh, where’s the setting for this? Style icon size alignment? It’s not here I don’t see the where it is shit. We just put a margin on this thing. margin left yes yeah, that works. Okay but up but up but up but up this one let’s take this class right here. See us soon so for class and we have margin axis works

Andrej Zito

okay, but it’s not aligned why is this thing not aligned? Yeah, it still has something here padding bottom on Elementor icons margin left and fix

Andrej Zito

oh there’s a width here

Andrej Zito

okay so look for what is this element widgets made by and what did I want to do with with I just put auto does that work? But it all should work. Okay safe. Are we good No.

Andrej Zito

Elementor icon Close icon. Oh wait. Stick here probably. Save Draft Okay, now is there. Alright. So this is aligned on the right side. Right, these cards to the cards look good. Think they look good? At least to me scroll

Ahmed Elmiligy

down a bit.

Andrej Zito

But I’m asking about the cards can you see the cards? Yeah,

Ahmed Elmiligy

yeah the logo right? They need they need the new phone maybe?

Andrej Zito

No they don’t have the font. Oh okay Okay, so let’s go back to the later so I think this thing needs to have the arrow flipped or is this think but before we want the other arrow and we want to give it the the CSS think RS CSS charged is this color different right there Hmm. So the information here okay. So that the font I think the font is just simply overriding somewhere that’s why it’s not showing Fine Let me do this final thing which is this thing here and that’s the plus signs and I think I have already some extra code here. So actor position episode isn’t because of this thing. No. Margin QA title margin right. Oh, there we go. That was fast. Okay. Safe

Andrej Zito

Okay. Dum Dum Dum you had the font changed

Ahmed Elmiligy

much better yes.

Andrej Zito

Oh, I still need to fix the alignment some part some of the things are not just changed style is this right okay right align right align right align all right. I think because how it’s changed I think I need to change this thing to the the left side and he adhering to change this thing to the right side. There is one that should be better. This one looks slightly off it’s off center. Now what it’s I think which is fine. Wait, it’s fine. I think it should be fine. Okay, wait, I think you’ve got something that’s the money should sway from right to left. Aha Aha. Now I’m not sure if I can set that up

Andrej Zito

I’m pretty sure with CSS Sorry. Yeah.

Ahmed Elmiligy

I think the testimonials are aligned in the middle so it’s no big deal

Andrej Zito

Yeah, I think what gillip meant meant was that you know, like now it’s crawling from left to right. I think he meant that the cursor should go from right to left. I don’t have a setting

Ahmed Elmiligy

Yeah. It’s a tiny B to D Day. Right. So give you like to do it. But it’s but I don’t think it’s a big deal.

Andrej Zito

Yeah. The list with the arrows could be a reading core issue swap reading order of the streams to audio list of the arrows could be breeding order on the strings to RTL. I don’t understand. I think you’re referring to this one, right. Does this look good to you, Achmed, this this list

Ahmed Elmiligy

looks fine.

Andrej Zito

Okay, So I think yeah, it’s just the font. It doesn’t show nice. I think here it shows using the right font. And I think it’s because it’s not porphyries Milan or maybe Maybe I should put in didn’t change anything here in the preview it looks nice I think this is the font because it looks clean but here in the Preview i think i let me actually see what it says. I think maybe I need to what does it say here? Yeah, it’s still use this cabin, which is sorry

Ahmed Elmiligy

I think the main hitter is still in the old formed.

Andrej Zito

Yeah, I think everything is because bad on this one. Yeah, yeah. Is it change? No, I think it’s. Yeah, I think it’s still overriding. It’s overriding because I tried to set it like globally for this whole page. But it doesn’t work because I have the font set for each element specifically. So that’s why I actually need to do the the the tedious task of changing the font for everything. So give me some time the sensor Magewell swaybar. The sons of sons. Now where do we have fun the here we have the field which we want to have the sun’s aerobic room nice. And then we have the bottom which is science Arabic. Oh, nice. Okay, this one let me change since Arabic Okay, looks way better. Now this one contents typography since Arabic There we go. It’s concerned image nothing with content also to change the name. Arabic two sons and title are a week of the sponsor of IC K. It keeps getting better. This one Arabic Bo K style rahbek. Okay. Do we have oops this one are a bit again, this one text typography Arabic okay. Now what do we have these cards InfoBox

Andrej Zito

are sitting here title, typography or epic K typography Arabic Oh, bass this one

Andrej Zito

I’m sorry if this is very boring and slow for everyone. Normally, of course, if you were doing this for many pages, you will have it set somewhere else but hopefully I mentioned like we have like we have our fonts set globally for the whole page which is mostly in English. So for this one, I have to set it individually. But of course normally if you have everything like in Arabic, you just select the ones in your CSS and then you’re done with it. Arabic And when is the time right Okay this one Arabic

Andrej Zito

fields Arabic and Arabic right we have two more sections style so much next

Andrej Zito

oh this thing is also bad the arrow Arabic so where should the arrow be here I’ve met connect with me on LinkedIn shouldn’t be where it is but just to the other way

Ahmed Elmiligy

can you please like point where exactly where you want to the arrow?

Andrej Zito

I’m talking about this arrow if you can see it

Ahmed Elmiligy

yeah this should be before it was like the beginning okay yeah he looks old

Andrej Zito

okay I can library the other one okay I think they’re still not working fine because it’s mostly dry but okay whatever okay this one style aerobic aerobic this one up pick this one it’s Arabic and we put the icon on the other side and change okay now I think you I think that should be set for everything at once hopefully so this one now the whole section titled style Arabic okay and style for this one where it’s

Andrej Zito

whereas it’s Amber style style content color

Andrej Zito

did it also change for the content? Wait, let me see. By do cabin. No, it doesn’t change

Ahmed Elmiligy

same thing that you’re going to need maybe to have a space before the the Arabic between the arrow and

Andrej Zito

for this one alright. Yeah let me fix this. Where is this thing coming? Oh, I hope it’s not set for everything checks No, it’s not here. Why do you set the font? Is it in the CSS? Select p one, no way. What is the fonts? Multiple suns. Alright. There we go. This was our big we said Helvetica and Sunseri as a fallback there are right. So this should be good. So we fix this arrow or do we fix it? That is a good question. Well, let me say this. Oh, yeah, we didn’t get to the video shit

Ahmed Elmiligy

building today

Andrej Zito

Oh yeah. It’s been class Is this one? So this one margin, right? Yes. Come on, select. Okay. Botswana, custom CSS select for bank margin left and pixels margin, right. zero pixels. We can remove it somewhere here. Let me copy this is their margin by icon style, I concise become margin. I’m just going to leave it as is

Andrej Zito

launching right to zero there we go. Okay. And this one right safe now hopefully

Ahmed Elmiligy

now looks

Andrej Zito

alright right. So this looks good. This looks good. Looks good. This looks what happened to this one that one is a little bit off

Andrej Zito

text looks fine.

Ahmed Elmiligy

This is the benefit of localization. You get to the display the Arabic in a right way.

Andrej Zito

Oh, yeah. Oh, yeah.

Ahmed Elmiligy

Yeah.

Andrej Zito

Why is there so much ice? I don’t understand it. I don’t understand this. Okay. We’ll have to deal with it later. Okay, so you said this looks fine. It’s fine. This is fine. Here’s our form. The extreme the right side goods. This is us. Everything is right aligned. Shouldn’t be good. And here we have our think or not bad.

Ahmed Elmiligy

The second line here is not correct. This needs to be aligned correctly. This one.

Andrej Zito

Yeah.

Ahmed Elmiligy

I don’t know why it moves.

Andrej Zito

Wait, what do you mean that is not aligned? Oh, you mean like it should be aligned here.

Ahmed Elmiligy

Shouldn’t it should be aligned with the other lines? Yeah, there are big lines.

Andrej Zito

Oh, I think you mean like this should be aligned with the title. Like with the question

Ahmed Elmiligy

go back to it please. No, no, no, I mean, the the other list the first list.

Andrej Zito

Oh, that one? Okay. I think you’re behind Yeah, yeah, I don’t know why it’s off

Ahmed Elmiligy

I don’t know the FAQ looks look so right. Yeah. Okay. Fine right now. But I think I’m referring to the Senate. Yes.

Andrej Zito

Yeah, I’m doing right now. I have no idea why. Because there’s not no special margin on this one. And the text is just there. Yeah, it’s weird

Andrej Zito

i don’t understand that. I think this is the last thing that we need to fix and then it looks pretty good. I would say why is it doing the steak? Is it because there’s some hidden characters something I don’t understand it.

Ahmed Elmiligy

It looked fine. Like few minutes ago. I don’t know why weight changed.

Andrej Zito

I have no idea man.

Ahmed Elmiligy

It was arrived a few minutes ago.

Andrej Zito

This one is set to flex This one’s also flex I have no way. Can it be something with the text? Even here? It looks fine.

Andrej Zito

I use my notepads. It looks fine. I have no idea No idea could be maybe I don’t know. It doesn’t make sense to me. But I can look into it later. So otherwise you say it looks good. Right. We have nice font. We have RTL. The forms are looking good. I think there may be tiny things here and there. That could be probably fine tuned lag of the carousel. The carousel is still going from left to right. But yeah, like you said, it’s smaller think. Can you move? Okay, yeah, it’s moving from left to right. All right. And the list looks okay. Except for this thing. I don’t know what to do about it. At all? It could be because it somehow treats the two lines. Weirdly. Let me see. Hmm, I think that’s that’s the reason that’s the only thing that’s different from the others. Right? If I make it slightly broader Yeah, now it fits. Okay. So it’s something with the with the double line. Which means maybe I can just fix it by giving it more space. And then I don’t have to deal with the, the line rep. So where do we have the

Ahmed Elmiligy

only solution for every problem in life is to take more space? On a website,

Andrej Zito

we have space here. Where is the section? So this is the row? As with 100% This one I think it should be here 50% If the five gallons try to get 55. Well, no, actually, I can just maybe reduce the margin. So let’s start with that. Margin. Current margin now let’s keep this one. Let’s see if this helped. Did it help? Okay, no, it helped. Okay. They’re fixed Can you see it?

Andrej Zito

Are you still there?

backlit? Yes.

Andrej Zito

Yes, you’re falling asleep. Okay, let’s finish this. So, okay, so everything is good. Um, so like I mentioned to you let’s start. Let’s wrap this up. So this is looking good. Okay, I have one more extra thing for you. I think we need the simple thank you page, which will have something like I don’t know. Thank you for your interest. You know, like when people submit the

Ahmed Elmiligy

the form Yeah.

Andrej Zito

So can I let’s say prepare. Can I prepare a small like a spreadsheet? To streamline?

Ahmed Elmiligy

Yeah, but will lines like thank you for subscribing to Yeah, we will get back to you very soon. And

Andrej Zito

yeah, so can I would I create it as a project or do I just send it to you somewhere?

Ahmed Elmiligy

Nobody needs that kit. Just a simple line and we can translate it then. And I think we until next week we’ll be ready with the with the video. The burn subtitle on it and the line and we can go with something new that does not include a lot of coding

Andrej Zito

Yes. Just changing here. robic. All right. Yeah, my only worry is that I don’t think we’ll be able to finish the video. Next week. Do you think we can do it?

Ahmed Elmiligy

Yeah, we can. Yeah, it’s actually finished and would take like, one day like, you know Have a few hours of proofreading. And so I can I can finish it and maybe like tomorrow or after and send it to you to double check and maybe upload whatever you want to upload. Still have it because you’re saying,

Andrej Zito

Yeah, I was gonna say that I still have to do some of the work with are you interested in localization and project? Like with this think you know? And that translation is already finished, right? That was part of this spreadsheet?

Ahmed Elmiligy

Yeah, we can, we can have a quick look at everything at the end. Like, sign off. I don’t think we are going to, like fix any thing. Crucial.

Andrej Zito

Right. But what I was trying to suggest is that I can start doing the video, like the On screen text. Like let’s say, I don’t know, tomorrow or something like that. So we don’t leave everything for Wednesday.

Ahmed Elmiligy

Do you mean that you would like to localize the On screen text that appears in the in this row with you? Yeah. Okay. Okay. I think I can do this with an editor. But I don’t have the source the empty video. If you would like to add the or, like, no, no, no, no translator

Andrej Zito

translated, this was part of the spreadsheet. I just need to put it into the video.

Ahmed Elmiligy

Ah, yeah, I understand. Okay, which render and maybe like, it’s better that we take a look.

Andrej Zito

Yeah, I mean, I can render it and just send it to you.

Ahmed Elmiligy

Okay, okay. Just to take a look, because things can be

Andrej Zito

quickly. Oh, look, yeah, yeah. Sure. And then, let’s say on the final, final stream next week, we’ll just put it together, put the video on YouTube. Do the thank you page, and then we just launch it and then we wait. Cool. Okay. Okay, good. So tired. Alright, let’s wrap it up. Do you have final comments to everyone who’s watching us?

Ahmed Elmiligy

Thank you so much. Thanks for God for joining us today. Very nice questions, I believe.

Andrej Zito

Yeah. Thank you all. And yes, thank you for assisting me with this. This think hopefully, it was somewhat useful to some of the people like I have learned some of the things you know, like how to do the RTL with the CSS, and then also about the font that you want to use specific font to display the Arabic characters in a better way. And next week, we’ll be back next Wednesday, for our let’s say, final stream to launch the landing page. But I think I’ll probably do because I just want to make sure that we can do it. I might actually go live tomorrow without you awkwardly, but if you want you can still join but not forcing you. But I’ll try to do the video the on screen texts just to put the translations back.

Ahmed Elmiligy

Tomorrow, okay, great tomorrow. Not really sure. But maybe I can contact me options.

Andrej Zito

Completely option. All right. All right. All right. That’s it. Bye everyone. Bye bye.

We’re always creating new localization content

Make sure you don’t miss anything. Join 1302 other professionals on our mailing list and be the first to get our upcoming newsletter. 

If you enjoyed that, you’ll love these…

Arabic Localization: 17 Tips You Need To Know

In this video, we give you 17 tips for Arabic localization 🦾 From choosing the best settings to selecting the right tools to use, these are all things you’ll need to know that’ll give you an edge when you work on Arabic localization projects.

Read more...

OneSky – First TMS Experience

OneSky “offers an end-to-end localization solution”. See Andrej’s first experience with this localization tool in this live stream. How did it go? Is it good? In this live stream, Andrej documented his first use of OneSky, his first impressions about the page and the UI, and how things went with the projects he started

Read more...

Why hello there!

Enjoy 10% off

on your first course when you join our mailing list.

* All information collected will be used in accordance with our privacy policy. You may unsubscribe at any time.