Simple Wide-screen UserStyle Theme for

If you’d like to maximize the space used on every page of, use this very simple CSS UserStyle theme to create a wide-screen version, just for your own viewing pleasure.

You can use this UserStyle with Stylus, in Chrome, Vivaldi, Opera, and Firefox, and in your usercontent.css file in Pale Moon, K-Meleon, and other browsers that support it.

Just copy the following code to the appropriate place for the plugin or method you are using.

  /* BEGIN tweaks */
  /* ==UserStyle==
@name           Widescreen for Mokum
@namespace url(;
@version        1.0.0
@description    An ultra simple widescreen theme for
@author         app103 url(;
==/UserStyle== */
  @-moz-document domain("") {

      .container {
          width: 100% !important;

      /* END tweaks */

What you’ll end up with will look something like this. Please be sure to remember to adjust your Youtube video quality settings, for the best viewing experience.

Feed pages – Before

Feed pages – After

Video post – Before

Video post – After

Credit: Video featured in the screenshots is from EmmyMadeInJapan. She has a great food related Youtube channel, where she posts videos on a wide range of food related topics, including vintage kitchen gadget reviews, food from all over the world, product taste tests, weird foods, retro recipe tests, recipes from times of food scarcity, and lots more. You should check it out!

Author: April

I like coding, cooking, crafting, collecting, chatting, cats, and a few other hobbies that don't begin with the letter C.

2 thoughts on “Simple Wide-screen UserStyle Theme for

Leave a Reply

Your email address will not be published. Required fields are marked *