RTL - Bullet points

[Oren_Lederer]

Hello Webflowers
Does anybody know how to create bullet points from right to left (RTL)?

[JimF (Jim Forbes)]

Select the LIST element. Set it to FLEX >>

Adjust the Spacing >> (Here I just put margin on both sides of the center Text Block. If you have more items adjust spacing accordingly

[abirana (Abi Rana | Creative Web Developer)]

Setting for RTL is little hidden so you’ll have to dig a little more.

Just select your list element and on the Style panel go to Typography
At the bottom you should see More type options, click on it and you’ll find Direction option, select Right to left.

[abirana (Abi Rana | Creative Web Developer)]

@JimF what you are talking about is something else.

@Oren_Lederer is talking about RTL (Right To Left), which is a language/text display mechanism where text flows from right to left. This is helpful for language like Arabic, which is written right to left.

Please check the screenshot below.

[davorderokkidev (Davor Egyed - RTL Webflow Dev (www.derokki.dev))]

EDIT (Post-Localization Update) 25.03.2024:

You have to change the text direction. I’ve made a Video explaining how Texts behave on RTL:

Base HTML doesn’t have proper spacing structures for Lists & Bullet Points. I recommend checking out our RTL CSS system RTLflow 2.0, where I addressed that issue:

Derokki RTLflow 2.0 | CSS System for RTL Webflow Development

There’s also a Free Course on RTL Webflow Development on our YouTube channel:

Reach out anytime if you have questions!