#gradient text help

[you’ll go to the settings button in the top corner]

[and then scroll down to Text Editor and click the ‘Rich Text’]

[and change it to ‘HTML’]

[It should look like this once you’ve changed it]

[In the website, once you’ve chosen your colors and typed the text you want]

[You’ll hit the big blue button that says ‘Generate Color Faded Text’ which will take you here]

[If everything looks right, press ‘Select All’ and copy the highlighted stuff in the box]

[Take the stuff you copied and go back to tumblr and paste it in the ‘HTML’ section]

[And when you go to ‘Preview’ it should show up how you want!!]

Step One: So, once you’re there you’ll see this screen, I’m on mobile so it might look a lil different.

Step Two: Once there, you’ll go to the right side where the text boxes are.

Step Three: In the top box, you’ll want to type in whatever text you want to make a different color.

Step Four: Next, where the red and green color dots are, click on the red dot. This is going to be where the color starts. You can make the text whatever color you want.

note: you can make your text gradient, as in two different colors. I make my text just one color ( that pale pink color ), which means both the red and green dot must be the same color. For gradient, the red and green need to be whatever two colors you want to make gradient. For example, if you wanted to do yellow and purple gradient text, change the red to the color yellow and the green to the color purple.

*FFE5FA is the color of my pink text.

Step Five: After you’ve changed the color, hit the run button in between the text boxes.

Step Six: Once you’ve hit run, the text box below will generate the coding for your colored text.

Step Seven: Once it’s there, you’ll want to click on it and hit the ‘select all’ button.

note: I am using this on an iPhone, so it may very on a Samsung or computer. Just make sure you copy the whole thing of code

Step Eight: Once you’ve hit select all, hit the copy button

Step Nine: So now the text should be copied to clipboard and available to past where ever you want. After that, and this is an important detail or else it won’t work, you have to go to Tumblr Online, not the app.

Step Ten: Once you’re on tumblr, go to make a new post.

Step Eleven: Once you make the next post, you’ll want to go to the top right corner and click on the settings icon

Step Twelve: You should see a screen like the one below. At the bottom of that pop up where it says TEXT EDITOR, the icon next to it should say Rich Text.

Step Thirteen: Click on the Rich Text box, and options should pop up saying, Rich Text, HTML, Markdown

Step Fourteen: Click the HTML option

Step Fifteen: You should see this screen next

Step Sixteen: You’ll want to paste the HTML code you just copied next to or after the code already there like this

Step Seventeen: Okay then you’ll want to make sure it’s saved as a draft

note: if you go to your drafts first and then create a new post, then it should automatically have the save as draft option at the bottom. It’s quicker than doing it like normal and having to select save as draft.

Step Eighteen: It should look like this now

Step Nineteen: Congratulations! You’ve done the hard part. Now go back to mobile or the app because it’s easier for these next steps in my opinion.

Step Twenty: In the app, go to that saved draft and make the text bold if you so choose, it makes it stand out more that way

Extras: you only need to make one colored text when you make a post, which means you don’t need to go through that whole process for each line/word you want to make colored.

— just type whatever words you want colored next to the already colored text, then move it down a space.

— however, once you delete that line of colored text it cannot be recovered, you’d have to go through this process again.