How to make my custom CSS work with RTL

sco85

Hi guys, i have problem when activate RTL on my forum my custom css dont work
For Night mode i just put body.dark before my css code to make it work as i would
But for RTL i dont know how to solve this
I need only css solution, because im on Freeflarum.

clarkwinkelmann

sco85 how did you "activate RTL" ? Is it an extension or something custom ?

sco85

clarkwinkelmann Yea by installing arabic language pack

sco85

Any suggestion? to make my custom css working with RTL

clarkwinkelmann

sco85 can you describe the problem in more details ?

Does everything work fine without your custom CSS ? If so can you identify which part of your CSS breaks it and share it with us ?

sco85

clarkwinkelmann The problem RTL css don take custom css for example my profile header on RTL dont look same as LTR version you can try that:
https://sasafinda.flarum.cloud/u/admin

clarkwinkelmann

sco85 can you share some part of the custom CSS code that isn't working ?

sco85

clarkwinkelmann For example the user card is on center and have a cover image on my custom css but not on RTL
`.UserCard-profile {

text-align: center;
padding-left: 0;
display: block;
margin-left: auto;
margin-right: auto;

sco85

Add custom fonts via the admin panel custom css, dont work too 🙁