Is there a way to have Lemmy instances render in wide-screen mode (sort of like old reddit or older themes of Wikipedia)? I really dislike the default look of everything being in the center with tons of blank space on both sides (I use 1440p monitors).

For what it’s worth, I came up with the following Stylus css script to work on the lemmy.ml (also works on github.com for what it’s worth if you so choose):

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 2560px !important;
}

.col-md-8 {
    flex: 0 0 85% !important;
    max-width: 85% !important;
}

.col-md-4 {
    flex: 0 0 15% !important;
    max-width: 15% !important;
}

Can just adjust max-width under the .container* options to whatever you want (I chose to set it to my monitor’s width). The col-md-8 and col-md-4 are for the main content and sidebar respectively, so I have main content at 85% of the width and sidebar at 15% of the width. Result looks similar to this: https://i.imgur.com/FMAZYbh.png

Published my style here for use on Stylus: https://userstyles.world/style/10168/1440p-lemmy

You are viewing a single thread.
View all comments View context
0 points
*

Very cool. Thanks! Saved your comment rightaway for later.

permalink
report
parent
reply

Lemmy

!lemmy@lemmy.ml

Create post

Everything about Lemmy; bugs, gripes, praises, and advocacy.

For discussion about the lemmy.ml instance, go to !meta@lemmy.ml.

Community stats

  • 876

    Monthly active users

  • 292

    Posts

  • 1.2K

    Comments

Community moderators