NEW YouTube layout


Recommended Posts

Is it only for Chrome ? When I hit install it just opens a new page with the script code displayed

EDIT - NM, I just read the how to :p

download it and paste it into a plugin like stylish if its not working for you the way it is. I wouldn't bother personally but as I said before in the thread, it'd be easily done.

One thing I do love about the new layout is that playlists are now built into the video player. I hated the old playlist HUGE bar at the bottom, the video would start playing, you'd get the scroll at the right place then the stupid playlist bar would pop up and scroll the screen. It was also far too big.

I'm actually liking the new design TBH, just don't get the off centre thing.

Who in this day and age actually browses with the browser full screen? At first I didn't "get it" till I maximized my browser, then I saw it, but I never maximize my browser so it's not a real issue

I do when im on my laptop as its a small widescreen screen.

if you're on firefox you need to install the greasemonkey add-on

download it and paste it into a plugin like stylish if its not working for you the way it is. I wouldn't bother personally but as I said before in the thread, it'd be easily done.

One thing I do love about the new layout is that playlists are now built into the video player. I hated the old playlist HUGE bar at the bottom, the video would start playing, you'd get the scroll at the right place then the stupid playlist bar would pop up and scroll the screen. It was also far too big.

I'm actually liking the new design TBH, just don't get the off centre thing.

Thanks, I installed GreaseMonkey and all is aligned centrally again :)

For anyone who liked uploads only, this is the direct link to it: https://www.youtube.com/feed/subscriptions/u

I have youtube in my bookmarks bar, so I changed the bookmark from the homepage to that^

Now when I click it, i go straight to uploads :)

Is there a version for stylish? That doesn't seem to work with it. The 2 scripts on userstyles.org that I found don't seem to work either.

I'll make one. will post it asap

For anyone who liked uploads only, this is the direct link to it: https://www.youtube....subscriptions/u

I have youtube in my bookmarks bar, so I changed the bookmark from the homepage to that^

Now when I click it, i go straight to uploads :)

I'll make one. will post it asap

Thanks for both!

the one i linked uses greasemonkey not stylish

I'm aware of that and I was asking if you were aware of a version that works with stylish.

In any case Guth seems to be on the job. (Y)

the one i linked uses greasemonkey not stylish

there is no greasemonkey for chrome AFAIK ?

thats why I installed stylish when i was looking for greasemonkey a while ago.

Problem is, stylish uses CSS but greasemonkey can run javascript.

Youtubes body has a class of "site-left-aligned" but if you change that to site-centre-aligned it does centre. However, you need javascript to replace the class.

Im going to try just edit the site-left-aligned class with stylish and see if i can get it to centre.

I use Magic Actions to increase the width of videos and have them default to 1080p:

The homepage is still incredibly inefficient in terms of utilising screen space but that's unfortunately true of so many websites.

That video is not even centered on your screen, lmao.

Heres my centre youtube script for stylish

Click the stylish button > Managed installed Styles > Write New Style

Paste this into the code box:


/*Centre Youtube by Guth */
#yt-masthead-container {
margin: 0 auto;
}
#page-container {
margin: 0 auto;
width: 1100px;
}
[/CODE]

Then next to "Applies to" click Specify > "URLs on the domain" and enter youtube.com

click save and you're done. Hopefully with a centred YouTube :)

I've tested this on both my monitors (1280x1024 and 1366x768) and it works fine with me.

For anyone who liked uploads only, this is the direct link to it: https://www.youtube....subscriptions/u

I have youtube in my bookmarks bar, so I changed the bookmark from the homepage to that^

Now when I click it, i go straight to uploads :)

I use http://www.youtube.c...y_subscriptions

It's a lot tighter than the list view in the link you gave.

there is no greasemonkey for chrome AFAIK ?

thats why I installed stylish when i was looking for greasemonkey a while ago.

Problem is, stylish uses CSS but greasemonkey can run javascript.

Youtubes body has a class of "site-left-aligned" but if you change that to site-centre-aligned it does centre. However, you need javascript to replace the class.

Im going to try just edit the site-left-aligned class with stylish and see if i can get it to centre.

both greasemonkey and stylish are built into chrome

both greasemonkey and stylish are built into chrome

??

IT has a console you could paste those scripts, but you'd have to do it each time.

I tried clicking install without greasemonkey on that site you linked and it told me I could not install userscripts from that site.

I use http://www.youtube.c...y_subscriptions

It's a lot tighter than the list view in the link you gave.

nice! thats even better :) thanks

??

IT has a console you could paste those scripts, but you'd have to do it each time.

I tried clicking install without greasemonkey on that site you linked and it told me I could not install userscripts from that site.

oh yeah, chrome changed that recently, they only allow direct installation of extensions from the chrome web store

to install extensions from other sites you have to right click and save the extension to a folder then goto "chrome menu > tools > extensions" and drag the extension from the folder into chrome and then it will install

they changed this a few months ago for added "security"

http://lifehacker.com/5919997/how-to-install-extensions-that-arent-from-the-official-chrome-web-store

Heres my centre youtube script for stylish

Click the stylish button > Managed installed Styles > Write New Style

Paste this into the code box:


/*Centre Youtube by Guth */
#yt-masthead-container {
margin: 0 auto;
}
#page-container {
margin: 0 auto;
width: 1100px;
}
[/CODE]

Then next to "Applies to" click Specify > "URLs on the domain" and enter youtube.com

click save and you're done. Hopefully with a centred YouTube :)

I've tested this on both my monitors (1280x1024 and 1366x768) and it works fine with me.

Thanks, works for Chrome but not for Firefox, oddly. Stylish for firefox does not have that "Applies to" feature that I can find.

Thanks, works for Chrome but not for Firefox, oddly. Stylish for firefox does not have that "Applies to" feature that I can find.

Yeah I dont use FF so made that on chrome. Someone posted a greasemonkey one for FF.

It should still work without the applies to bit.

Although if any other site you use has those exact class names it may break them lol. Unlikely though.

If you are on FF the greasemonkey script is better as it can use javascript and actually replace the left with centered class which is actually in the CSS from youtube themselves, so that would work better. Just made the stylish one as there is no greasemonkey for FF.

Alternatively you could download the FF grasemonkey script and paste it into chromes console, but you'd have to do that every time you visited youtube.

oh yeah, chrome changed that recently, they only allow direct installation of extensions from the chrome web store

to install extensions from other sites you have to right click and save the extension to a folder then goto "chrome menu > tools > extensions" and drag the extension from the folder into chrome and then it will install

they changed this a few months ago for added "security"

http://lifehacker.co...hrome-web-store

Yep I knew that for extensions, but never heard of installing scripts? Only in the console as I mentioned earlier.

Yep I knew that for extensions, but never heard of installing scripts? Only in the console as I mentioned earlier.

no, it's the same for installing scripts from userscripts.org, just drag the script into the extensions window and it installs

not sure why you would do it through the console, because as you said, if you do it that way you have to apply it every time

edit: scripts install just like extensions in chrome

post-335698-0-43066400-1354906329.png

That video is not even centered on your screen, lmao.

Firstly, the new design is aligned to the left. Secondly, I don't use my browser maximised because of the wasted space. Here's a screenshot of what it looks like when I do:

youtubejno.jpg

And here is Pinterest for comparison:

pinteresty.jpg

now just need to find another stop autoplay extension

youtube options note that you will have to re-enable most of the UI elements after installing becuase it whites out the stuff that's not related to the video like comments, etc...

post-361542-0-46973100-1354929266.png

they seem to be coming out with a new layout every 3 months. this one is the worst so far.

that is very annoying since most people got stuff in muscle memory :( specially with youtube.....

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • How many other companies will follow Ford's lead? Or, have they already gotten lazy and become enslaved to AI--and now can't figure out how to get out of that mess.
    • Why would any self-respecting intelligent person follow any recommendation by Donald's GOP administration? With almost two years of fabrications, deceit, and blatantly illegal behavior, why believe them now? They had best be gone after the November 2026 election, so we'll wait and see.
    • AltSendme 0.4.1 by Razvan Serea AltSendme is a minimal, cross-platform application designed for fast, secure, and private peer-to-peer file transfers. It allows users to send files or entire directories directly between devices without relying on cloud servers, accounts, or any personal information. Everything is encrypted end-to-end using modern protocols like QUIC and TLS 1.3, ensuring both strong security and low-latency performance. Transfers are verified with BLAKE3 for data integrity, and interrupted downloads automatically resume, making the experience reliable even on unstable connections. You can transfer anything—images, videos, documents, and more. Integrity checks are performed on both ends, so your files are automatically verified for correctness during both sending and receiving. AltSendme works seamlessly across local networks or long-distance links, capable of saturating multi-gigabit connections for extremely fast delivery. With built-in NAT traversal and encrypted relay fallback, it connects devices almost anywhere. The app integrates with the Sendme CLI and will soon support mobile and web platforms. Fully free and open-source, AltSendme offers a lightweight, privacy-first alternative to traditional cloud-based services, removing size limits, upload costs, and unnecessary data exposure. AltSendme 0.4.1 changelog: Release Highlights Self-hosted relays: Run your own iroh relay so transfers don't rely on public infrastructure. Includes a full deployment template in deploy/relay/ with Docker Compose for a VPS and configuration examples for production use. Fly.io support: One-click deploy template for Fly.io, including a quick-start config (fly.dev.toml) for testing without a custom domain, plus production setup with Let's Encrypt and your own hostname. Relay settings UI: New Settings → Network panel to choose how AltSendme connects: automatic public relays, custom self-hosted URLs (with optional auth token), or disabled. Test connections, verify latency, and see live relay status in the footer. Disable relays: Turn off relay servers entirely when you only need same-network transfers (e.g. LAN). Direct connections only. No relay hop required when devices can reach each other. Android graduates from beta: Android is now part of the regular release cycle alongside desktop. APKs ship with each version (universal, arm64, and armv7). Other improvements Private relay access control via shared auth token Relay fallback notifications when a custom relay is unreachable Broadcast mode toggle in sharing settings Android release build fixes (split-per-ABI APKs, universal APK preservation) UI polish: mobile safe-area insets, dropzone layout, transfer progress animation Bug fixes for minification-related serialization issues and system tray icon loading What's Changed feat(relay): add relay status functionality and settings UI (a120cdf) feat(relay): implement custom relay server configuration and verification (51276c7) feat(relay): add configuration for private relay access and enhance observability features (48fbabf) feat(relay): enhance relay URL validation, display connection status (d4fffa0) feat(relay): add RelayChangeGuard component and enhance relay-related translations (16ba514) feat(broadcast): add toggle setting for broadcast mode in sharing UI (ca6d977) fix(relay): correct QUIC discovery port, pin image, templatize fly.dev (52a2ba5) fix: More broken serialization due to minification (67491a9) fix(android): preserve true universal APK across per-ABI builds (e9f256f) fix(ui): conditional safe-area insets padding on mobile (1182f0e) refactor(transfer): CircularRing component animation fix (944572b) chore(android): drop x86 and x86_64 release APKs, keep universal+arm64+armv7 (34ada0b) Download: AltSendme 0.4.1 | ARM64 | ~9.0 MB (Open Source) Download: AltSendme for MacOS | Android Links: AltSendme Home Page | GitHub | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • You are mostly right about the ephemeral nature of it. As I mention in the article, if you dont add a second device or take a backup of your account before uninstalling it, then yes you will lose access to your account. That said, in terms of actual user experience when you sync multiple devices your message history carries across and there's also a Saved Messages chat like there is on Telegram to send messages and attachments between your installs. But yh, what you point out are correct and its not trying to emulate Messenger or Telegram.
    • OK so SearXNG is a meta search engine that you can install locally or use via a public instance. It scrapes other search engines which you choose and then sorts the results. Not as complicated as multiple relays
  • Recent Achievements

    • Week One Done
      flexorcist earned a badge
      Week One Done
    • One Month Later
      Woland13 earned a badge
      One Month Later
    • Week One Done
      Woland13 earned a badge
      Week One Done
    • One Year In
      bernmeister earned a badge
      One Year In
    • Week One Done
      Scoobystu earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      495
    2. 2
      +Edouard
      225
    3. 3
      PsYcHoKiLLa
      150
    4. 4
      Steven P.
      75
    5. 5
      FloatingFatMan
      71
  • Tell a friend

    Love Neowin? Tell a friend!