Widescreen fix for new themes

[Syntaxvgm]

 ya figured that out , thank you  

is there anyway we can adjust the width by cusom using stylish ? the wide script makes it too wide 

EDIT:Nvm figured it out , set it 90% 

Yah. I was just gonna set it to remove the 1440px width property, but I thought this way would make it easier to make it what you want. Instead of a percentage, you may want to check out the calc function

width: calc(100% - 100px);

(the spacing in the calc funciton is important for some reason, believe it or not)

The point of this is to make the border so many pixels away from the edge of the screen no matter the resolution. Calc is fucking awesome but the reason I avoid using it sometimes is IE and the old versions of it I have to support, of course. 

[Albatross]

You have to select "urls starting with" in the drop-down

Click "add"

 

Mine says "Save", not add, but yea, did that. After saving the "affects X" turns to "Can affect anything".

[Syntaxvgm]

Mine says "Save", not add, but yea, did that. After saving the "affects X" turns to "Can affect anything".

I have to leave for now, but it should look like this on chrome

[Albatross]

Oh my Stylish does not look anything like that...

[Lewellyn]

Finally got it to work. WAHOO!

[givingtnt]

Use "stylish" (for both chrome and firefox) or your preferred content overriding plugin and add this 1 simple css property

 

how do I add the css ? do I need to download a page (with stylish plugin) ?

[Syntaxvgm]

Finally got it to work. WAHOO!

 

Awesome

how do I add the css ? do I need to download a page (with stylish plugin) ?

Chrome

https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0CCYQFjAA&url=https%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Fstylish%2Ffjnbnpbmkenffdnngjfgmeleoegfcffe%3Fhl%3Dfr&ei=cJsJVdCZJIGANuHqgLgI&usg=AFQjCNEijKHOipFY7fvlCfSwZLHVSnr6jA&bvm=bv.88198703,d.eXY

Firefox 

https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=4&cad=rja&uact=8&ved=0CD0QFjAD&url=https%3A%2F%2Faddons.mozilla.org%2Fen-us%2Ffirefox%2Faddon%2Fstylish%2F&ei=cJsJVdCZJIGANuHqgLgI&usg=AFQjCNHNpHi3zsEpow3mFpc8j38RUBY-7g&bvm=bv.88198703,d.eXY

 

Oh my Stylish does not look anything like that...

You have it for firefox then I take it. I forgot it was completely different on firefox. 

Write a new style and add this -

@namespace url(http://www.w3.org/1999/xhtml);@-moz-document domain("linustechtips.com") {#content, .main_width {max-width: 100%;}}

I'll add this to the OP post.

[Rohith_Kumar_Sp]

to fix profile page 

 

  body #profile_background {            /*background: rgba(27, 27, 27, 0.75) !important;*/            background: transparent !important;        }        body #content {            background: rgba(27,27,27,0.5) !important;        }        body .topic_buttons li.non_button a, #footer_utilities {            background-color: rgba(44, 44, 44, 0.8) !important;        }        body #content  {            max-width: 90% !important;        }        body .paper-card {            background-color: rgba(38, 38, 38, 0.8) !important;        }

result : 

[Oshino Shinobu]

Excellent, thank you. This was bugging me when the old theme was removed. 

 

The difference on 4K is huge. 

 

 

[wolfgang]

Will have to do this when I get home.

[Jambls]

While it doesn't bother me personally, (poor people problems, no monitors over 1280 wide) I feel you shouldn't need to do that.

Well done though, @Syntaxvgm

[spwath]

@Syntaxvgm

Add instuctions for maxthon.

Get the extension here http://extension.maxthon.com/detail/index.php?view_id=1711&category_id=

set it for the domain linustechtips.com

and write the same code as you would for chrome.

i did it, it works

EDIT:

the firefox code also works

[Syntaxvgm]

to fix profile page 

 

  body #profile_background {            /*background: rgba(27, 27, 27, 0.75) !important;*/            background: transparent !important;        }        body #content {            background: rgba(27,27,27,0.5) !important;        }        body .topic_buttons li.non_button a, #footer_utilities {            background-color: rgba(44, 44, 44, 0.8) !important;        }        body #content  {            max-width: 90% !important;        }        body .paper-card {            background-color: rgba(38, 38, 38, 0.8) !important;        }

result : 

Theme Linus Tech Tips 3.png

 

 

@Syntaxvgm

Add instuctions for maxthon.

Get the extension here http://extension.maxthon.com/detail/index.php?view_id=1711&category_id=

set it for the domain linustechtips.com

and write the same code as you would for chrome.

i did it, it works

Chromeoneworks.png

EDIT:

the firefox code also works

firefoxoneworks.png

Awesome, both of you. I'll add these both to my OP post in a while when I get home

[AlexStriz]

God Syntax, y u so smart. Teach me your ways

 

Seriously though, nice job man. Kudos

[spwath]

Awesome, both of you. I'll add these both to my OP post in a while when I get home

Not sure how many use maxthon, but I do, and I think at least 1 other person here does.

Apparently it's popular in Asia.

Either way, I just followed your instructions, and both Firefox and chrome ways happened to work.

 

mmm dat multi monitor LTT glory

Never seen it before, now this is how ill LTT