How To Color Your Text On Tumblr
With images / videos and Tsukasa as my assistant, because I've been asked this MANY times, but I have no idea how to explain it and keep it short.
While Tumblr has preset colors that you can use on both the website and mobile, sometimes you want to use other colors or make it more colorful, and this is how I did it (before I learned HTML). As far as I know, this can only be done on the Tumblr website. However, my mobile Tumblr app is VERY outdated, so correct me if I'm wrong.
For those unfamiliar with HTML, I recommend coloring your text before adding anything else (images, videos, links, etc.), as it can look like an absolute trainwreck for those who have no idea what they're doing. If you know how HTML works, cool! Just follow the first step to switch to HTML, then go wild.
Things You Probably Want:
Tumblr This site (You could also use this site, but you're on your own with this one) Color hex(es) (If you don't know what you want, both sites I provided have a built-in color picker for you to mess with)
Step 1: Switching to HTML
When making a post, click the settings icon in the top right. Find Text Editor and switch to HTML.
Step 2: Colorizing the text
The site I provided should look something like this:
Now mess around! Horizontal gradient should give you something like this, middle gradient, three color gradient, solid color seems self-explanatory, random colors randomizes the colors of your text (you can randomize word by word or letter by letter), and the gay option.
Ignore everything under "Additional text settings", as Tumblr only allows you to use the default font / preset sizes and restricts the code for bold and italics.
Go crazy, but not too crazy. Each block of your Tumblr post has a 4096-character limit, and the code for your HTML counts towards that.
Step 3: Slapping The Text On Tumblr
So now you have everything set up. Copy everything in "HTML code for this text", NOT the BBcode. That's for something else.
Now paste it into Tumblr. It'll look like a semi-organized mess, but just switch to preview and boom (Ignore the red underline, it's Grammarly being annoying)
Congratulations! Your text has been custom colored. You can continue to edit your text from here without having to bounce between HTML and Rich text
But I don't want to do this every time!
If you make incorrect quotes like me, coloring the text every time like this would, indeed, be very annoying. If you have already used the same format in another post, there are two ways you could do this:
1. Copy and paste the rich text.
This is how I usually do it. If you do it this way, make sure you paste with Ctrl + V / Right Click + Paste, NOT Ctrl + Shift + V / Right Click + Paste as plain text. The first keeps the formatting, the second does not.
2. Copy and paste the HTML.
Note that you MUST be able to edit the post to do both methods. You cannot directly copy the colors from others' posts without using the web developer tools, but you're not here for that.
This is probably way longer than it needs to be but I suck at explaining things briefly oops If anyone has any questions, feel free to ask :)
The Tsukasa cursor I use is official. You can download it here. They have the other unit leaders and all six Mikus.
Saving this for later! (˶ᵔ ᵕ ᵔ˶) ★
