A Fix for Tumblr’s Small Text
//Okay, I know a lot of people like to post using the small text feature, but I also know that even more people have either vision or eye strain issues that make reading large blocks of small text (like in multiple paragraph rp posts) a pain - sometimes literally. So here’s how you can go about easing it for yourself.
NOTE: This can also be edited for in the event that you actually like and/or prefer small text so that you can post at regular font sizes (because if your blog theme is coded correctly, it shouldn’t mess up anything therein for you), and then you can leave the font size alone for everyone else on the dashboard. It just takes changing out a few numbers in the code to do so.
First of all, you’re going to need something to run and apply custom CSS coding to websites. Now days, this is usually going to be Stylus, which is available for Chrome, Firefox, and Opera (please don’t use IE or Edge or whatever they’re calling it now; it’s horrible and there’s always major security risks involved).
Step 1: Install Stylus - https://add0n.com/stylus.html - links per browser are directly in the top right hand corner. Easy enough.
Step 2: Go to your tumblr dash - https://www.tumblr.com/dashboard - and click the Stylus icon on your browser toolbar. We’re looking for the “Write style for” bit at the bottom of popup. Click on “tumblr.com” to open the new tab for style editing.
Step 3: Paste in the following code into the code box on the right:
.post-content-text, .post .post_body, .reblog-content { font-size:14px; } .post-content-text small, .post .post_body small, .reblog-content small { font-size:14px; } content small { font-size:14px; } .post-content-text sub, .post .post_body sub, .reblog-content sub, .post-content-text sup, .post .post_body sup, .reblog-content sup { font-size:14px; }
Step 4: Set the “applies to” (located directly under the code box) to “URLs starting with” and put in https://www.tumblr.com/ into the text field (IMPORTANT! Be sure to use the complete url here so that it applies to the dashboard)
Step 5: Name your style and SAVE! You can put pretty much anything here (as seen in the first screenshot, mine is personally set to “FIX TUMBLR’S STUPID SMALL TEXT!!”, but that’s because I was severely frustrated with things at the time of wrangling the code and figuring out what from XKIT was conflicting with it in order to fix that too - in my case it was a setting in Tweaks regarding small text that had got checked by accident overriding the stylesheet from Stylus - so make sure that’s not checked if you’re running XKIT alongside this)
The change should be immediate from there, so long as the style is enabled.
Now, in the event that you want everything in small text...
Follow the same steps as above, but in Step 3, change the font-size:14px; to your preferred font size (the default for small text on the dashboard is 12px, so to have it at default size you’ll want to set it to font-size:12px; -- just be sure the semicolon stays at the end of the markup! That is a vital piece of coding and its absence will break the code!)
Hopefully this can be of some help to saving others some pain and frustrations. If you have any questions, feel free to drop me an ask.