Gradient text on here generally looks more legible when bolded I wouldn’t use colors that are TOO light, otherwise it’s really hard to read for a lot of people, like this :/ Tada! If you’re not happy with the colors, you can always hit the “HTML” tab (next to preview) and do this process all over again. And if I’m not happy with the way the gradient looks in the end, I can easily replace it now that I’ve organized it a bit.Īfter you’ve pasted in your gradient code….
Tumblr css color codes code#
This isolating the text thing isn’t necessary, but it makes replacing the gradient code a LOT easier. isolating the text like this won’t mess up the look of the post because in html, line breaks like this don’t show up (unless you ACTUALLY specify a line break with the code ‘’). here, i’m isolating “buffy the vampire slayer” because it’s going to be my gradient. isolate the text you’re replacing with a gradient by hitting the enter key before and after that text. you should see that your text editor changed into html. Then click on the two colors to change them.
So you just type your text into the first box.
Now ignore all the code on the left and upper right of the screen. Tumblr’s resizing can sometimes mess with pictures. Backup link here.įor this tutorial, right click “view image in new tab” if the images seem blurry.
Tumblr css color codes generator#
the output code has a (semicolon) after every hex code and having that there will prevent tumblr from changing the text colorīut just erase the semicolons and bam! it works! this is super easy to do and takes like 5 seconds to paste it into a text replacer site like this one and it gets rid of the semicolons for you (or you can do it in word but this site’s quicker)įirst, go to this gradient text generator created by (?). With this site though, there’s an extra step you have to make. This one here is great and it has a color picker and a 3 gradient option and everything. There’s an even better site now for generating html text code!
Tumblr css color codes how to#
*by (I’ve since changed my url lmao) Since the OP of the original tutorial on tumblr deleted their post, here’s another tutorial (with pictures) on how to make your text a gradient on tumblr like this:
0 kommentar(er)
