How to display text in the right-to-left direction on your page

This article will guide you through the steps to customize your theme code to display text from right to left on your store.

Many writing systems read and display text in the right to left direction. To achieve this design in GemPages, we will have to modify your theme’s code structure.

Follow the steps below with caution. If you are not comfortable with coding, please contact our GemPages Support Team to receive professional assistance from experts.

Step 1: Go to Shopify Admin > Online Store > Themes > Actions > Edit Code to enter the theme’s code editor.

Step 2: Enter “theme.liquid” into the search bar to look for and open the theme.liquid folder

Step 3: Copy and paste the code below into the code panel on the right, before the </body> closing tag.

  <style>
html
{
direction:rtl;
}
</style>

Step 4: Hit “Save”. Continue to search for the theme.gem-layout-none.liquid and perform the same steps.

Step 5: Hit "Save" and ext the code editor.

In the GemPages Editor, make sure you set the Heading and Text Block elements to right-alignment.

Now you can start designing your pages and display all text from right to left. For any further assistance you need, our GemPages Support Team is here to help.

We can be reached at any time via email or live chat.

Related Articles