RTL Mode For WhatsApp Chat

Ask the Community Customization
1

How I can enable RTL mode for WhatsApp Chat?

Is there any CSS code I should use?
I want the code will be applied to text, arrows and everything needs to be redirected.

1 Like
3

Hi there @Dvir :wave:

This CSS code should do the trick:


[class*="FloatingWindow__Container-sc"] * {
  direction: rtl !important;
}

[class*="MessageField__MessageButtonContainer-sc"] {
  left: 12px;
  right: unset;
  transform: scale(-1, 1)
}

[class*="MessageField__MessageTextContainer-sc"] {
  padding-right: 20px;
}

[class*="MessageField__MessageContainer-sc"] {
  padding-left: 48px;
}

Give it a try and let me know if you like what you see :slightly_smiling_face: