I created a few css styles to make nhl.com look a little more appealing to me. I added styling for the tob scorebox bar so that the scoreboxes are about half as wide while still showing all the same information.
Here is what it looks like:
If they change the class names, I'll just rewrite my css.
-
Once installed, [For Chrome] Click on the "Stylish" extension button in the top right of the browser and click "manage installed styles".
-
On the left hand side click on the "Write a new style" button.
-
Open this Github project and go to nhl.css file or nhl_scoreboxOnly.css if you want just the scoreboxes changes and copy the code.
-
Paste the code into the text area.
-
At the bottom of the page where it says "Applies to" click on the "Specify" button and choose from the list "URLs on this domain".
- note: if there is a problem with styling on the rest of the site, set it to "URL" instead of "URLs on this domain".
-
Then type in input box "www.nhl.com" without the quotes and click "add"
-
Then go to the top left, add a title and click "save". It should work now!
The page should look like this:
Good luck! :)
If you have any feedback send me an email and include any necessary images: [email protected].