7

Recently, Stack Exchange the company rolled out a new question layout.

I don't like this new layout. I want the old one back!

1
  • "bUT tHe SpaCiNG oN MoBIlE iS GreAT nOw" says the StackExchange reps Feb 20, 2022 at 4:00

1 Answer 1

3

Here's some CSS that puts the old layout back. Kinda. It's not perfect, but it'll do.

It also forces the numbers column on the left to be 200px wide. So it's not responsive. But if you're on a laptop or desktop, this shouldn't be an issue.

/* Fixes new question layout - kinda */

.s-post-summary {
    align-items: flex-start;
}

.s-post-summary--stats {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    width: 200px;
}

.s-post-summary--stats .s-post-summary--stats-item {
    display: block;
    text-align: center;
}

.s-post-summary--stats .s-post-summary--stats-item.has-answers {
    border: none;
}

.s-post-summary--stats .s-post-summary--stats-item .svg-icon {
    display: none;
}

.s-post-summary--stats-item-number {
    display: block;
    font-size: 2em;
}

.s-post-summary--stats-item-unit {
    display: block;
}

So, how do you use this? Some browsers let you overwrite stylesheets with your own styles. Otherwise, you can use Stylus Extension for all your overwriting needs.

4
  • 1
    There's also the Stylish Chrome Extension which I use when doing such a thing.
    – Scott
    Feb 7, 2022 at 22:05
  • @Scott Last I heard, Stylish was compromised. Feb 10, 2022 at 18:35
  • Good to know @user3840170 thank heavens I pretty much never use it :) Removed from Chrome.
    – Scott
    Feb 10, 2022 at 19:34
  • I use Stylebot for this. Feb 20, 2022 at 3:58

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .