Want to hide the "Steam Replay" and "What's New" shelves? Read here!

[J 'Wildfire' T]

• UPDATE: 2nd February, 2023 •

After today's Steam client update, this fix only blocks the Steam Replay section.
In what I find to be a rather out-of-the-blue and somewhat suspicious decision, Valve decided to update the UI and override certain Skin configurations.

I assure you this can reverted being that the Steam client is based on a modified web browser engine. Being that I don't have a lot of free time, someone will most likely come up with a solution quicker then myself.

Until then the best thing to do is each and everyone of you to contact Valve support and voice your disapproval with the new client changes. Keep it short and to the point but above all, keep it polite. Remember, Valve support staff are individuals behind a desk and not the ones making the changes but they can pass on this feedback to the devs.

---

I found a work around for annoyances like the "Steam Replay" and the "What's New" shelf feature in the games library.
I found intrusive them intrusive and with no option to hide either despite reaching out to Valve support.

So I will try and make these instructions nice and easy to follow.
If something isn't clear post a message and I'll try an assist.

---

1. First make sure Steam is not running.
   
2. Open file explorer and navigate to the Steam folder: C:\Program Files (x86)\Steam
   
3. Make a new folder in the skins and name it something,
   I named mine NoAnnoyances.
   If you don't see the skins folder, make it.
   
4. Copy (not cut) the resource folder into this new folder.
   
   You should now have something like this:
   C:\Program Files (x86)\Steam\skins\resource
   
   
5. Find the file webkit.css inside the new resource folder and open it.
   I use Notepad++.
   
6. Paste the following in at the top:
   
   

   [class*="libraryhome_UpdatesContainer"]
   {display: none !important;}
   
   [class*="profile_customization_block replay_showcase_block preview"]
   {display: none !important;}
   

   
   
7. If you dislike the "Whats New" shelf at the top of your games library then also add this:
   
   

   [class*="libraryhome_UpdatesContainer"]
   {display: none !important;}
   

   
   
8. Your file will now look something like this:
   
   

   [class*="libraryhome_UpdatesContainer"]
   {display: none !important;}
   
   [class*="profile_customization_block replay_showcase_block preview"]
   {display: none !important;}
   
   [class*="profile_customization replay_showcase"]
   {display: none !important;}
   
   ::-webkit-scrollbar {
       height: 12px;
       width: 12px;
       background: transparent;
       z-index: 12;
       overflow: visible;
   }
   
   ::-webkit-scrollbar-thumb {
       width: 4px;
       min-height: 32px;
       border: 3px solid transparent;
       border-radius: 10px;
       z-index: 12;
       background-image: none;
       background-color: rgba( 67, 73, 83, 1 );
       background-clip: padding-box;
       transition: background-color .32s ease-in-out;
       // margin: 4px;
       // min-width: 32px;
   }
   
   ::-webkit-scrollbar-thumb:hover {
       background-color: rgb(96, 103, 116);
       background-clip: padding-box;
   }
   
   ::-webkit-scrollbar-corner {
       background: #202020;
       background-color: rgb(67, 73, 83);
   }
   
   ::-webkit-scrollbar-track,
   ::-webkit-scrollbar-button {
       display: none;
   }
   

   
   
9. Save the file.
   
10. Load Steam. Goto Settings -> Interface.
    
11. Third dropbox down will read < default skin >
    
12. Select it and change it, you'll see the skin folder you made.
    
13. Hit ok to close the window and then restart Steam.

And your all done.

[Ima Noid]

Originally posted by Wildfire:

I found a work around for annoyances like the "Steam Replay" and the "What's New" shelf feature in the games library.
I found intrusive them intrusive and with no option to hide either despite reaching out to Valve support.

So I will try and make these instructions nice and easy to follow.
If something isn't clear post a message and I'll try an assist.

---

1. First make sure Steam is not running
   
2. Open explorer and navigate to the Steam folder: C:\Program Files (x86)\Steam
   
3. Make a new folder in the skins folder and name it something,
   I named mine NoAnnoyances. ...
   
   I don't see a "skins" folder.

[J 'Wildfire' T]

Originally posted by Ima Noid:

I don't see a "skins" folder.

Solution to that would be to make a folder called skins. I'll add that to the guide.

[Ima Noid]

Oh wow. Sorry, I wasn't trying to be an ass - I really was just wanting to find out where it is.
And, thank you for posting this.

[gregoo]

i dont know

[J 'Wildfire' T]

Originally posted by Ima Noid:

Oh wow. Sorry, I wasn't trying to be an ass - I really was just wanting to find out where it is.
And, thank you for posting this.

It's all good :) I'm still trying refine the guide, make it easier to read and follow.

[Muppet among Puppets]

Originally posted by Wildfire:

Originally posted by Ima Noid:

Oh wow. Sorry, I wasn't trying to be an ass - I really was just wanting to find out where it is.
And, thank you for posting this.

It's all good :) I'm still trying refine the guide, make it easier to read and follow.

How do you know what to type in, and about what?

[J 'Wildfire' T]

Originally posted by Muppet among Puppets:

Originally posted by Wildfire:

It's all good :) I'm still trying refine the guide, make it easier to read and follow.

How do you know what to type in, and about what?

So for example, if you go to your steam profile and right click you'll see "View Source..."
Selecting that should open up a text document with all the code from that page.
Here's where having a basic understanding of HTML and CSS helps a lot.

You should be able to find guides for making your own steam skins, this will give you a better understanding of the default layout and page mechanics.

[Muppet among Puppets]

Yes, that is good information.
People like you helped me after the shelf update. Coming from list view, i hated the shelf thing.

Maybe more could have been changed back, but i am fine with removing just the annoying things.

[Ima Noid]

THEY BOTH WORK !!! YOU'RE AN ANGEL !!! THANK YOU SO MUCH !!!

[Muppet among Puppets]

Well, here we are again, how to remove the shelves after the latest steam update?
And the add shelves button.

[Chika Ogiue]

My knowledge of Steam skins is near zero, but it looks like the stuff in chunk~547eb3232.css is overriding anything put into a skin folder. Can't change that file, delete it, rename it, or set it to read only either, as Steam will just force an update to replace it.

[Muppet among Puppets]

Until now it happened when the text structure changed of the things to insert in the webkit css. Maybe it changed back?

[cSg|mc-Hotsauce]

Originally posted by Muppet among Puppets:

Until now it happened when the text structure changed of the things to insert in the webkit css. Maybe it changed back?

Yes. The stable branch was just updated and broke skins again.

[J 'Wildfire' T]

Originally posted by Muppet among Puppets:

Well, here we are again, how to remove the shelves after the latest steam update?
And the add shelves button.

Just seen the client update. Looking into it now.

[J 'Wildfire' T]

Originally posted by Chika Ogiue:

My knowledge of Steam skins is near zero, but it looks like the stuff in chunk~547eb3232.css is overriding anything put into a skin folder. Can't change that file, delete it, rename it, or set it to read only either, as Steam will just force an update to replace it.

After checking you are correct but it's not overriding everything. I just updated my original post that this is still fixable and work in progress.