Forum Documentation Showcase Pricing Learn more

How do I maintain consistent spacing between text elements?

#1

I have would like to arrange two or three text elements in a row, consistently spaced apart, regardless of the lengths of the text elements. Think (Name) (email address) (phone number)

Please help.

#2

It might be easier to do them all in one text element. That’s what I’ve done many times, haven’t found a limitation to doing that in my use cases.

#3

When you carry them in one text element, are you able to format them differently in terms of font color, font size etc?

#4

Yup, using the rich text option in the floating context panel

#5

Interesting. Would you mind illustrating that in the test environment below? Under “Welcome to Bubble”, I have a text element that combines Language and Date/Time. Could you give Language and Date/Time different font colors – to make sure we are on the same page, and hopefully I’ll be able to understand the trick?

#6

It’s set to “view only,” so I can’t actually make the changes. In the image below, click the button I’ve circled. A rich text editor will pop up with the text. Select the text you want to modify, then change the parameters you want to change using the editing tools. Voila!

#7

Wow!! That’s fantastic! Thank you very much

#8

I insert a group with a fixed width between the texts or between the text and the icon