#sidebars

[galaxy--supernova-scans]

Layouts in honor of Vernon's birthday (from recent scans). please like/reblog if you save!

[nobodysuspectsthebutterfly]

A quick Stylus script to make Tumblr's new sidebars a little less crowded and more comfortable

So, that new sidebar, yeah? Sure is a thing. The tumblr devs might change things before it's fully implemented across the board, and Xkit Rewritten might add some options after the interface moves from testing to permanent -- but until they do, here's a little fix to spread things out a little, so that your tumblr experience doesn't feel so squished. It results in a dash like this:

which is a little more comfortable than the original, I think.

To install the script, first make sure you install the addon/extension Stylus, if you don't have it already. And then, well, simply click here, and click "install" to add the style. Enjoy your more wide open spaces!

(Code under the cut for advanced users; comments or suggestions are welcome. You're also free to modify your own copies for any sidebar width or spacing you prefer.)

/* ==UserStyle== @name Tumblr - New Sidebar Fixes @namespace https://nobodysuspectsthebutterfly.tumblr.com @author Mindset @description Moves Tumblr's new sidebars outward to make things a little less crowded. @version 1.3 @license GPL-3.0-or-later ==/UserStyle== */ @-moz-document domain("tumblr.com") { /* makes sure this only applies to page sizes where the sidebars appear */ @media (min-width: 1150px) { /* moves the left sidebar further left */ .ZkG01 .h_Erh { margin-right: 100px !important; margin-left: -90px !important; } /* keeps the center section the width it should be and moves the right sidebar to the right */ .ZkG01 .lSyOz { min-width: 625px !important; padding-right: 100px !important; } /* keeps the right sidebar the width it should be */ .ZkG01 .e1knl { min-width: 320px !important; } } }

[vampire-lestats]

𝚊𝚎𝚜𝚝𝚑𝚎𝚝𝚒𝚌 𝚐𝚒𝚏𝚜 𝚏𝚘𝚛 𝚜𝚒𝚍𝚎𝚋𝚊𝚛𝚜, 𝚎𝚝𝚌.

like/reblog. dimensions are 300x350 px. all video sources are from pexels.com.

[ananiujitha]

A partial solution to the Tumblr sidebars...

I'd like a complete solution which replaces the sidebars. But adding space between the sidebars and the posts helps avoid *some* of the migraines...

You can add the following to your userContent.css

/* Global Fix Tumblr */

.ZkG01 {justify-content: start !important}

.h_Erh {margin-left: 50px !important}

.lSyOz {margin-left: 250px !important}

.lSyOz {margin-right: 250px !important}

.lSyOz {min-width: 600px !important}

I've set the spacing for a 1080p monitor. You can adjust the distances to whatever feels right.

[lazycatie]

boa @ glitter graphics

[logangarfield]

Hey everyone!! I decided to start doing edit commissions to help pay for my dental work because it is laughable how expensive it is. You can find details here!!

I’ll be doing icons, headers, sidebars, and psds. You can find examples under the cut and at the above link!!

Icons:

Sidebars:

Headers:

PSDs:

[ao3screenshotss]

[hirarii-fans]

Hirari layouts (POV: sexy swimwear model)