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.