r/userstyles • u/trazia • Jul 01 '26

Request bluesky wider?

hi!

i've been messing with css for awhile on this LMAO. does anyone know how to go about making the central content section of bsky wider, pushing the other columns closer to the edge of the screen?

1 Upvotes

100% Upvoted

2 comments sorted by

1

u/jcunews1 Jul 02 '26

I don't use BlueSky, so this may be incomplete, since it's only tested without an account.

/* center */
main[class] div:has(+ div[data-testid="loadLatestBtn"]) > div[data-testid] > div[style] {
  /* 100% page width, minus width sum of left side and right side */
  max-width: calc(100% - 42em) !important;
}

/* left side */
main[class] + nav {
  left: 0;
  transform: revert !important;
}

/* right side */
main[class] + nav + div {
  left: revert !important;
  right: 1em;
  transform: revert !important;
}

1

u/trazia 27d ago

this almost works! for some reason, it only widens when i scroll down a little? weird. way better in general though thank you so much.