WordPress.org

Forums

[resolved] [Plugin: SyntaxHighlighter Evolved] LTR Code on RTL Arabic Page (6 posts)

  1. Ahmad Bagadood
    Member
    Posted 5 years ago #

    How can I force the code to display LTR in a RTL page?

    Thnx 4 ur support n advance.

  2. No idea honestly. I didn't write the JS/CSS my plugin uses.

    You may need to make a custom CSS file.

  3. Ahmad Bagadood
    Member
    Posted 5 years ago #

    I did wrap the whole code in a <p dir="rtl"> but that didn't help. CSS didn't help either.

    Any idea where exactly is the JS formatting?

  4. Code_M3
    Member
    Posted 5 years ago #

    Hey Tawqee3

    I had the same problem, all you have to do is simple fix in the core CSS file:
    wp-content/plugins/syntaxhighlighter/syntaxhighlighter/styles/shCore.css

    Add the following in this .syntaxhighlighter classname:
    direction: ltr !important;

    Thie forces the main div to render the text inside it to LTR on RTL pages.

    Regards,
    Abdulrahman

  5. Ahmad Bagadood
    Member
    Posted 5 years ago #

    Thnx my fellow Arab friend, Abdulrahman :)

  6. Modifying that file is no longer needed. I added it to my plugin a long while back. ;)

Topic Closed

This topic has been closed to new replies.

About this Topic