RTF: Change body content right to left

This is a very basic RTF code sample. For full RTL implementation, you will need to hire a developer or agency to convert all elements. We've only provided the CSS body example to demonstrate how the flip can be used. Groupthought cannot support this type of customization, it's only a starting point help you. 

Example after:

Before:

Note:
Modifying the theme code will make it difficult to update your theme. Use this code at your own risk. Groupthought does not provide any warranty or further support for this code. The code provided is only a suggestion. Please work with a developer or Shopify Expert to ensure proper customization. This code may not work with all versions of of Pipeline or with other code customizations and apps you may have installed. We strongly recommend that you make duplicate of your theme before adding or changing any code in your theme.

Code:

/* -- code to hide copyright section in footer -- */
body { direction: rtl;}
.product-single { direction: ltr;}
h1, h2, h3, h4, h5, h6, p, .rte { direction: rtl; }
/* - end - */

The second line demonstrates how to return to LTR if a theme element doesn't work. For example, the product slideshow won't work RTL.


Where do I add the code?

Use this link to learn where exactly to add this code snippet:

Where to add your CSS style code

Still need help? Contact Us Contact Us