New UI Tip For Windows 7, 8, 8.1 users

[Start_Running]

So If you're like me you want to get rid of that red Warning bar at the top.

- Go to Steam/SteamUi/Css

- Open the Sp.css file in the text editor of your choice. Notepad works just fine.

- Go to the Replace / FInd & Replace tool. Ctrl+H in Notepad.

- Copy and paste the following in the Find/Search for Field *minus the quotes):

"titlebarcontrols_OSEndOfLifeAlertsButton_1AcQ7{font-size:12px;line-height:16px;padding:0px 12px;border-radius:2px;background-color:#9a3130;color:#fff;cursor:pointer;display:flex"

- Likewise COpy and paste the following into the 'Replace with' field again minuse the quotes:

"titlebarcontrols_OSEndOfLifeAlertsButton_1AcQ7{font-size:12px;line-height:16px;padding:0px 12px;border-radius:2px;background-color:#9a3130;color:#fff;cursor:pointer;display:none"

- Click Replace All.

- Save

- Restart Steam (if you had it open)

You'll know if you did it right if it goes straight to loging you in. If you slipped up it will start redownloading the client update.

Any way. Enjoy.

FYI. You can edit lots of other elements and settings, but pay close attention to the number of characters incl whitespace characters.

Currently you must be sure to have 219,534 characters when you're done doing all your tweaks. If you're off by even 1 it will trigger a redownload of the client.

[[DSD]DukeNukem]

Oh, hi Start. Glad to see again you save the situation again man (someone forwarded this post). By luck, my steam didn't update immediately so I'm still under the old interface. Gonna check your solution on my laptop, I just wanted to know before, what "scan that block means".
Like, you just open the .CSS with for exemple notepad++, and search the "display: flex", or is it more complicated? TY

[Start_Running]

Juist means look for with your eyeballs. How easy that is depends on what you're using to view the css fil. Notepad++ highlights the attributes but it pretty much doesn't have any whitespace showing so it just looks like one blob of text.

Your chosen editor might show it in a more friendly fashion. Just remember what I mentioned about the character count. it includes whitespace, (spaces, carriage returns, etc).

[[DSD]DukeNukem]

Ah damn, that sucks for me as my knowledge is low. What do you suggest to view the CSS file that could be more appropriate than notepad?

[Start_Running]

Okay I kinda simplified the instructions a bit to make it easier to follow.
And I'd recommend notepad++. It's free and very flexible, useful for all sorts of editing.

When the dust settles I'll likely do a proper guide with illustrations and a download for the modified file. but since I think things are gonna be in flux for the next few weeks I'm holding off.

[[DSD]DukeNukem]

Originally posted by Start_Running:

Okay I kinda simplified the instructions a bit to make it easier to follow.
And I'd recommend notepad++. It's free and very flexible, useful for all sorts of editing.

When the dust settles I'll likely do a proper guide with illustrations and a download for the modified file. but since I think things are gonna be in flux for the next few weeks I'm holding off.

While you were replying, I made the update on the laptop, and modified the Sp.CSS succesfully. I wasn't hard indeed, just needed to look carefuly.

Many thanks again Start, you saved the day ^^

[Start_Running]

Glad to help.
FUnnily enough if they do add skinning back the new tools and arrangement will actually make it easier to create skins

[Marius]

Thanks man again for helping to disable this ANNOYING warning.

No thanks to Steam btw, starting to become tired of the new annoying politics in the platform.

[pawelex94]

hello, I tried follow your guide step by step and I swear I replaced like 8x word "flex" with "none" (without quotes), client didnt re-download itself (went straight to loging me in) but red alert still visible at top....
Can you send proper config via pastebin or something? or I will send mine and you look what did I miss https://pastebin.com/0cXqXPmc it's whole 42th line
or im just completely dumb that it just doesn't work....
also my notepad says 220 349 length so way more than your and I didnt modify anything there before and im clueless now
im win 8.1 user

[Marius]

Somehow today the annoying notification appeared againd, I had to reapply the solution. Now it is gone again, restarted several times and it is definitely gone.
May be they came with some update today?

[Start_Running]

Originally posted by pawelex94:

hello, I tried follow your guide step by step and I swear I replaced like 8x word "flex" with "none" (without quotes), client didnt re-download itself (went straight to loging me in) but red alert still visible at top....
Can you send proper config via pastebin or something? or I will send mine and you look what did I miss https://pastebin.com/0cXqXPmc it's whole 42th line
or im just completely dumb that it just doesn't work....
also my notepad says 220 349 length so way more than your and I didnt modify anything there before and im clueless now
im win 8.1 user

You weren't supposed to replace all instances of flex. just the one where indicated.
I'll see if I can't get something up on pastebin.

Originally posted by Marius:

Somehow today the annoying notification appeared againd, I had to reapply the solution. Now it is gone again, restarted several times and it is definitely gone.
May be they came with some update today?

Mayhaps. They are in rollout mode so I exopect there will be microupdates. Didn't happen with me ithiough. Will look into it. Oh perhaps seting that file read-only when you're done might help

[pawelex94]

Originally posted by Start_Running:

You weren't supposed to replace all instances of flex. just the one where indicated.
I'll see if I can't get something up on pastebin.

I did now with just one instance (highlighted part you mentioned) but the result is the same
it is edited and unaffected, went straight to loggin in but red banner on top is still there
and my whole css is 220 349

[Start_Running]

Originally posted by pawelex94:

Originally posted by Start_Running:

You weren't supposed to replace all instances of flex. just the one where indicated.
I'll see if I can't get something up on pastebin.

I did now with just one instance (highlighted part you mentioned) but the result is the same
it is edited and unaffected, went straight to loggin in but red banner on top is still there
and my whole css is 220 349

Wait...
You sure you're editing the right file... its supposed to be 219 534

[pawelex94]

Originally posted by Start_Running:

Originally posted by pawelex94:

I did now with just one instance (highlighted part you mentioned) but the result is the same
it is edited and unaffected, went straight to loggin in but red banner on top is still there
and my whole css is 220 349

Wait...
You sure you're editing the right file... its supposed to be 219 534

ye sp.css from steamui\css folder and it's 220 349 length
no idea otherwise :/ I'm doomed with 198 more days countdown I guess :s

[Start_Running]

Originally posted by pawelex94:

Originally posted by Start_Running:

Wait...
You sure you're editing the right file... its supposed to be 219 534

ye sp.css from steamui\css folder and it's 220 349 length
no idea otherwise :/ I'm doomed with 198 more days countdown I guess :s

I wonder if that size might have something to do with the way your HDD is formatted. I.e there's a certain mininmum chunk that a filesystem is capable of registering to a file.

Hmmm....mystery deepens. I shall summon Watson...

[Start_Running]

Yeah just restarted steam and the red bar came back...had to reapply the fix. This is probably gonna be something we'll have to redo regularly. As such i've edited the steps to make things even simpler.