# Adding support for RTL to hello-friend theme

**URL:** <https://discourse.gohugo.io/t/adding-support-for-rtl-to-hello-friend-theme/43202>\
**Category:** Using Themes\
**Created:** [February 28, 2023, 9:22pm UTC](https://discourse.gohugo.io/t/adding-support-for-rtl-to-hello-friend-theme/43202 "2023-02-28T21:22:30Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dolev](https://avatars.discourse-cdn.com/v4/letter/d/b9e5f3/32.png) [@Dolev](https://discourse.gohugo.io/u/Dolev)\
**Post date:** [February 28, 2023, 9:22pm UTC](https://discourse.gohugo.io/t/adding-support-for-rtl-to-hello-friend-theme/43202/1 "2023-02-28T21:22:30Z")

</div>

Hi!  
I want to build a new blog and I really love ‘hello-friend’ theme.  
My blog will be in Hebrew so I need to convert it into RTL (Right to Left).  
I wounder what should I supposed to do in order to make the apeptation?  
I opened the Style.css in theme folder and I added the following string:

```auto
direction: RTL;

```

But nothing has been changed.

i’ll be glad to get some help with it 😄  
Thank you!

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [February 28, 2023, 9:34pm UTC](https://discourse.gohugo.io/t/adding-support-for-rtl-to-hello-friend-theme/43202/2 "2023-02-28T21:34:03Z")

</div>

The HTML element in your base template should look something like:

```auto
<html dir="rtl" lang="{{ or site.LanguageCode site.Language.Lang }}">

```

No CSS required.

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [February 28, 2023, 10:01pm UTC](https://discourse.gohugo.io/t/adding-support-for-rtl-to-hello-friend-theme/43202/3 "2023-02-28T22:01:28Z")

</div>

And for a multilingual site…

```plaintext
defaultContentLanguage = 'he'
defaultContentLanguageInSubdir = false

[languages.he]
contentDir = 'content/he'
languageCode = 'he-IL'
languageDirection = 'rtl'
languageName = 'Hebrew'
weight = 1

[languages.en]
contentDir = 'content/en'
languageCode = 'en-US'
languageDirection = 'ltr'
languageName = 'English'
weight = 2

```

and

```auto
<html dir="{{ site.Language.LanguageDirection }}" lang="{{ or site.LanguageCode site.Language.Lang }}">

```

---

<div class="post-metadata">

**Author:** ![Dolev](https://avatars.discourse-cdn.com/v4/letter/d/b9e5f3/32.png) [@Dolev](https://discourse.gohugo.io/u/Dolev)\
**Post date:** [March 1, 2023, 7:58am UTC](https://discourse.gohugo.io/t/adding-support-for-rtl-to-hello-friend-theme/43202/4 "2023-03-01T07:58:54Z")

</div>

Thank you  
I succeeded to make the adaptation.