2 {{ upvoteCount | shortNum }}
2 {{ upvoteCount | shortNum }}

How to change Genesis child theme into rtl?

by Ayaz
1 replies
  • WEB DESIGN
    • |
Hi,

I am using Genesis Framework child theme called nitrous. And I am creating the site in hebrew and I want to make that site in english and direction would be "ltr" and in hebrew "ltr".

I managed to change the language translator but don't know how to change the direction of the theme when someone view in hebrew.

Please if someone, knows help me out?

Thanks & Regards,

Ayaz
#change #child #genesis #rtl #theme
  • Profile picture of the author David V
    Ayaz,
    This is fairly easy to do as outlined in the WordPress codex, I've done this for 2 overseas clients and it works fine:
    Make sure you always make copies of any files you change in case you need to revert back.

    Start with your main theme stylesheet (style.css).

    Save this file as rtl.css

    Add the following attributes to the body selector:
    Code:
      direction: rtl;
  unicode-bidi: embed;

    One by one, go over the CSS selectors and do the following: Remove any irrelevant attributes such as font styling attributes, colors, vertical positioning, width and height etc. Change the value (from right to left and vice-versa) of the following attributes:

    Code:
    text-direction
float
clear
   text-align: left;
   float: right;
   clear: left;
    becomes

    Code:
      text-align: right;
  float: left;
  clear: right;
    Add RTL versions of relevant images.
    Some images are clearly suited only for one direction (arrows for example). Create a horizontally flipped version of those images.

    Mirror the following attributes, and zero the original
    Code:
    margin
padding
borders
background-position
right/left positioning

    This applies to any wordpress theme, not just genesis.
    There is also a plugin called "rtl-tester" - just search wordpress to find it. I have NOT used or tested this with the latest version of wordpress, so test it.

    Hope this helps
    {{ DiscussionBoard.errors[5764586].message }}

Trending Topics