custom colors? double, nay, even triple spaced text? format your tumblr text any which way you want with the free space generator by luna!
HOW TO USE
write or paste your text into the text field!
in the bar at the top you'll find the tumblr formatting options, custom colors + a few other fun bits and bobs
when you're satisfied, just hit the GET CODE! button, which outputs your text as html! you can skip right to step 5, unless:
if you also want double- or triple-spaced text, simply hit DOUBLE SPACE IT! or TRIPLE SPACE IT! right above the code. this only works after you've generated the code.
copy your code and then go into the settings menu of your tumblr post. under "text editor" you can choose the html editor and paste your code in there.
and done! add any images you'd like and you're ready to go!
please message me if there are any issues with this generator!
consider a little like or reblog if you've found this useful ❤️
i’ve found i need a bigger text box than the one in the spacing generator by byluna, though this was most definitely inspired by it. other sites with text editors have distracting colors and look very cluttered so i decided to do something about it ^^
this is a full sized editor, simple and minimal to avoid any distractions with a wide text box and adjustable height.
the options supported by tumblr / that you can use to format your replies are:
source: copy and paste the code for your reply
B I U S : bold, italics, underlined and strike
styles > small : make text small
format: headline 1 and headline 2, h2 is the most commonly used headline
text color: like this. find the hex code for any color you want here.
numbered / bullet points
blockquotes
image (it has to be uploaded to tumblr!)
formatter link here!
i hope this is helpful ! liking and reblogging to share is appreciated ♡
updates log:
sept 7, 2022: general updates + night mode toggle + 2 text box options. log here.
sept 29, 2022: created a new version hosted on carrd instead of tumblr, which provides a better mobile responsive layout but can be used on desktop as well.
feb 10, 2023: mobile and desktop versions have been merged into one. read post here.
oct 6, 2025: removed warnings about bugs in the legacy editor from this post as the legacy editor has fully phased out at this point.
alright roleplayers, im not even going to lie — not being able to format posts in the true Vintage Tumblr Style™ has actually pissed me off so bad... anyways, if you want to bring back the old <sup><small> text, this is how you do it.
just for transparency’s sake, this will not force tiny text on people who do not follow the tutorial, so its a win win for us who like that ye olde ant sized tumblr text and those that don’t. it also works with the post editor!
—— i am not a pro coder or teacher, therefore my terminology may be off. i tried my best to illustrate & visualize everything, though !!
1. what you’re going to want to do is download the stylus extension from the extension store ( mozilla & chrome ), not stylish. ( stylish steals browser history and shit. stylish bad. )
2. when the extension is installed, select “find styles” from the extension menu, and look up “no more small text”. the correct style should have a pic of jenna marbles on the dash as the thumbnail lol.
3. alright ! we got the ‘no more small text’ extension. it sounds counter productive, but it’s not ! it edits the <small> text function, so now all we have to do is edit the font size it changes the <small> tag to. to do this, click the little pen next to the name of the extension.
4. this should open a new page with a text editor containing the code for the script. pay no attention to any code except the chunk shown below. see that circled green text ? that's what we're changing.
i haven't messed with em as unit for font size (i'm used to px), but i've found that 0.82em is a pretty good size to use for smaller text, however, you can mess around with the font size to make it as big or little as you want. after adjusting, your code should look like this:
5. after this, you're pretty much done! this will basically change the font size of anything under the <small> functions on your dashboard to your desired size. all you have to do is hit the save button to the left of the style editor page. maybe even rename it to small text or something so it's not confusing in the future.
but.... if you want to be greedy and bring back that sweet <sup> text from before, like, 2020, you're gonna add a little vertical-align attribute.
6. DIRECTLY after the font size styling, and BEFORE the closing } we're gonna add this: vertical-align: 3px!important; if pasted correctly, your code should now look like this:
the vertical-align tag will add an offset to the text under the <small> function, simulating the look of the old <sup><small> tag combination. we can't actually bring back real <sup><small> text because, as far as i'm aware, tumblr blocks it. just like with the prior step, mess around with the amount of vertical align to your hearts content ! after this you're finished, like actually finished.
I know a lot of people just go and edit the HTML to format their posts here in the RP community but for those who aren’t aware there ARE keyboard commands!
NOTE: ALL THESE CAN BE USED WITH HIGHLIGHTED TEXT! This means you can type up your reply and go back and format it with these commands! Most of these can also be used WHILE typing for quick changes between text format without having to highlight and use the popup menu!
I’ll try and provide the MAC commands as well but I may get them wrong!
Itallics: ctr+i (command+i on mac)
Bold: ctr+b (command+b on mac)
Bottom Small text (subscript): ctr+, (command+, on mac)
Top small text (superscript): ctr+. (command+. on mac)
Normal small text: ctr+shift+- (command+shift+- on mac)
Underlined text: ctr+u (command+u on mac) (this may not always show up in posts sometimes once posted no matter what you use)
Insert a line: ctr+shift+l (command+shift+l on mac) (L not I)
Insert photo: ctr+shift+p (command+shift+p on mac)
Insert read more: ctr+shift+k (command+shift+k on mac)
Preformatted text: ctr+shift+x (command+shift+x on mac
and finally
Remove formatting: ctr+shift+0 (command+shift+0 on mac)
These are just the BASICS and what most Role Players here on tumblr use the MOST. If you want to see ALL OF TUMBLR’S COMMANDS, refere to this post right here to see everything! But I just wanted to provide a condensed version of this for RPers to use!
you’d like to use colorful text on tumblr ( like this! ) but don’t feel like typing in the html code every time? same. that’s why i made this little generator that lets you color your text ( like you would i.e. in word or docs! ) and spits out the html bit that you can copy and paste into your tumblr post. you can even do the rest of your formatting like bold, italic, small, links or blockquotes within the editor! you can select one of the 48 default colors or paste in the hex code of your own color. when you're done, simply copy the generated code and paste it into the html editor of your tumblr post.
note: do be careful not to switch back to the rich editor, or your colors will be lost! you're best advised to cut the replies and add icons and @-tags before switching to html editor.
free color text generator
( psst! this feature is now also integrated in my spacing generator! )
— message me if you encounter glitches or have any questions!
— please like or reblog this post if you’ve found it helpful
you’d like double-spaced formatting but do not have the patience to type it out manually? me neither. that’s why i made this tiny little spacing generator! all you have to do is write or paste your single-spaced reply into the text editor — you can even style to your liking in this editor: bold, italic, small, blockquotes, even added html if you’re fancy! the generator does the rest for you and adds one, two or three extra spaces so you don’t have to type all of that yourself! when you’re done, simply copy the code from the generator and paste it into the html editor of your tumblr post. add your icons and you’re ready to go!
free double-space, triple-space and quadruple-space text generator
— message me if you encounter glitches or have any questions!
— please like or reblog this post if you’ve found it helpful!
