Monday, 4 May 2020

How to Add Custom CSS and JS Code to Any Website

Customise CSS in any website with Stylish

Create custom CSS for website:
1) Click Stylish extension icon on address bar
2) Click the triple-dot button on top-right corner
3) Click 'Create New Style'
4) Type CSS code in the main code box
5) Click 'Specify' button below, choose 'URLs on the domain', enter the website domain
6) On top-left corner, enter style name
7) Click 'Save' button
8) Open the website to see it customised.

Append additional JS to any website with Tampermonkey

Create additional JS for website:
1) Click Tampermonkey extension icon on address bar
2) Click 'Create a new script...'
3) Modify @name to any name
4) Modify @match URL to @include http://domain.name/*
5) Add @license MIT to top
6) Add new JS code into the self-exec function
7) Click Menu >> File >> Save
8) Open the website to see it with additional JS.

Online storage for Stylish:

Online storage for Tampermonkey:

No comments:

Post a Comment