WordPress.org

1. Snat
   Member
   Posted 3 years ago #
   

   I have lately been translating my blog into the Hebrew language and thus, have re-designed the theme I am using to be able to deal with the language.

   However, I have a problem. I have been able to get all the text, images etc to be right to left however I am unable to do it for bullet points. Can someone whom knows CSS very well have a look and tell me if they know how to get it done.

   My English blog can be found at: http://snat.co.uk
   My Hebrew blog can be found at: http://snat.co.cc

   Thanks :)

2. esmi
   Theme Diva & Forum Moderator
   Posted 3 years ago #
   

   Ooo - now this an interesting question! :-)

   Try using <ul dir="RTL"> instead of <ul>
   http://www.w3.org/TR/REC-html40/struct/dirlang.html#adef-dir

   Then, in the CSS, add:

   /* Begin bidirectionality settings (do not change) */
   BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
   BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
   *[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
   *[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }
   ul (direction:rtl;}

   http://www.w3.org/TR/1998/REC-CSS2-19980512/sample.html

   The only thing you can't guarantee is what the browser support will be like.

3. Snat
   Member
   Posted 3 years ago #
   

   Umm, this didn't seem to do anything. All I can guess to do is remove the actual bullet point until I can work it out lol

4. esmi
   Theme Diva & Forum Moderator
   Posted 3 years ago #
   

   I guess the browser support is pretty dire, then. :-(

5. Snat
   Member
   Posted 3 years ago #
   

   I tried it in Google Chrome and IE.

   Guessing that I might have some other CSS overwriting it :(

Topic Closed

This topic has been closed to new replies.