• Video Tutorial
  • GemPages Forum
Start For Free
  • Video Tutorial
  • GemPages Forum
homeHow-to and FAQsDisplay text in the right-to-left direction on your page
homeHow-to and FAQsDisplay text in the right-to-left direction on your page

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.

 

Was this helpful?

Yes  No
Related Articles
  • [V7] How to create a sticky section
  • [V7] How to create color swatches
  • Button Element – FAQs
  • [V7] How to Upload Custom Font
  • Affiliate – FAQs
  • Link your pages to Shopify menu item
footer logo
  • Changelog
  • Privacy Policy
  • Terms of Service
  • Community
  • Video Tutorial
© 2017-2023 GemPages. All rights reserved.
Popular Search:Responsive design, Transfer content, Custom code