Version 5.0.1 forces CSS flex containers to RTL

  • Resolved da.ricci

    (@da0ricci)


    1 week, 2 days ago

    Hello GTranslate Team, 

    Since the update to version 5.0.1, not only are text elements correctly translated from English to Arabic with RTL direction, but all CSS flex containers are also forced from LTR to RTL. 

    Is there a recommended method or a specific selector we can use to prevent the GTranslate widget from mirroring the entire flex container layout? Alternatively, could you provide a solution for Elementor users? 

    Environment details: 
    * Local development environment / Offline via XAMPP
    * WordPress version: 7.1.1
    * Elementor (free version): 4.2.4
    * Child Theme: Hello Elementor

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author edo888

    (@edo888)

    1 week, 1 day ago

    Hi,

    You can use CSS selectors like this html.translated-rtl ... to configure RTL look.

    Keep in mind that the free version translates on the fly and the page doesn’t refresh, so your theme doesn’t know that it needs to render the RTL specific version.

    If you use the paid version, your theme will know that it needs to render RTL version and possibly it will apply RTL specific CSS and adjust the HTML as well. The support depends on your theme.

    Thanks! 🙂

    Thread Starter da.ricci

    (@da0ricci)

    1 week ago

    Thank you so much for the quick and effective solution!

    The workaround works perfectly and completely resolved the issue on my site. I really appreciate your fast support and your great work on this plugin. Keep it up! 5 stars are on the way. ⭐⭐⭐⭐⭐

    Cheers, da.ricci

    Plugin Author edo888

    (@edo888)

    1 week ago

    You are welcome! Thank you! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

  • 3 replies
  • 2 participants
  • Last reply from: edo888
  • Last activity: 1 week ago
  • Status: resolved