SimonRMiddleton Posted November 23, 2021 Share Posted November 23, 2021 Site URL: http://talktoloop.org Hello. I have built a website for the charity I work for, Talk To Loop. I have used Weglot to offer translation into French, Spanish and Bahasa (Indonesian). These all work fine. But I also wanted translation into Arabic. Unfortunately, although Weglot's Arabic translation was fine, Squarespace doesn't support right to left scripts, so the formatting, punctuation, and meaning, went completely wrong. The plan now i to create a duplicate of the site exclusively in Arabic... but I need to find some css solution to ensure that the duplicate (Arabic) site will correctly format right to left. If anyone can advise that would amazing. Thank you. Beyondspace 1 Link to comment
Beyondspace Posted November 25, 2021 Share Posted November 25, 2021 On 11/23/2021 at 11:00 PM, SimonRMiddleton said: Site URL: http://talktoloop.org Hello. I have built a website for the charity I work for, Talk To Loop. I have used Weglot to offer translation into French, Spanish and Bahasa (Indonesian). These all work fine. But I also wanted translation into Arabic. Unfortunately, although Weglot's Arabic translation was fine, Squarespace doesn't support right to left scripts, so the formatting, punctuation, and meaning, went completely wrong. The plan now i to create a duplicate of the site exclusively in Arabic... but I need to find some css solution to ensure that the duplicate (Arabic) site will correctly format right to left. If anyone can advise that would amazing. Thank you. This css snippet can help with the text on the site CSS direction property (w3schools.com) BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
SimonRMiddleton Posted November 30, 2021 Author Share Posted November 30, 2021 Thank you I will try that Link to comment
SimonRMiddleton Posted November 30, 2021 Author Share Posted November 30, 2021 2 minutes ago, SimonRMiddleton said: Thank you I will try that But where should I put that snippet? It doesn't seem to make any difference when I drop it into Custom CSS Link to comment
tuanphan Posted December 1, 2021 Share Posted December 1, 2021 20 hours ago, SimonRMiddleton said: But where should I put that snippet? It doesn't seem to make any difference when I drop it into Custom CSS Try this new CSS * { direction: rtl !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
SimonRMiddleton Posted December 6, 2021 Author Share Posted December 6, 2021 Thank you! Link to comment
hfeidi Posted May 11, 2022 Share Posted May 11, 2022 Hi Simon, Did this CSS solution work? I want to create a website in Arabic as well. Some help into how to do this would be appreciated. If you can send a link to your website in Arabic. Thanks Link to comment
Eugene_Weglot Posted May 11, 2022 Share Posted May 11, 2022 3 hours ago, hfeidi said: Did this CSS solution work? I want to create a website in Arabic as well. Some help into how to do this would be appreciated. Hi Simon, Weglot Support here, I'm glad to help you out. First of all, we usually advise our users to ensure that their theme supports the Right to Left direction. In order to make the Arabic version of your website, translated by Weglot, displayed in Right to Left (RTL), you should be able to do so by pasting the custom CSS code below into the Custom CSS section of your Weglot Dashboard > https://dashboard.weglot.com/settings/language-switcher html[lang="ar"] body { direction: RTL!important; text-align: right!important; } html[lang="ar"] .left { text-align: right!important; } Please note that the code above should work for most of the elements on your website, except custom original CSS code that are not related to the classes added to the code above. I'm pleased to send you below our documentation regarding how does Weglot support the Right to Left direction > Does Weglot support Right To Left (RTL) languages? Don't hesitate to contact us directly at support@weglot.com if you need any further information. Have a great day, Cheers, hfeidi 1 Link to comment
hfeidi Posted May 11, 2022 Share Posted May 11, 2022 Thanks for your support above. Is there an example website done in Arabic using Weglot? if so, please share the link. Thanks Link to comment
Eugene_Weglot Posted May 24, 2022 Share Posted May 24, 2022 On 5/11/2022 at 3:48 PM, hfeidi said: Thanks for your support above. Is there an example website done in Arabic using Weglot? if so, please share the link. Thanks Hey there, Apologies for the late reply. Here are two websites translating their website into Arabic using Weglot: 1. https://mena.feelunique.com/ 2. https://newbalance.com.sa/ And as for compatibility, all themes can be translated into Arabic with Weglot. Please don't hesitate to reach out to us at support@weglot.com if you need further assistance. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment