Tuesday, November 25, 2025

How to add styles to live website in chrome - How to change styles to live website in chrome - How to change background color in live website in chrome

 > Open developer tools in chrome

> Go to sources tab and select overrides tab

> Click on "select folder for overrides" and Select the folder where you want to change the overrides

> Right click on element of website and change color of background or style 

> Click on sources tab and Page tab and save the css file in folder where you select the folder above.


If you want to delete, goto sources tab and goto overrides tab and delete overrides. And the website will be able to run as it was.

Note:-

After the above steps, For Enable styles that you edit, right click and inspect  > Go to SourcesOverrides> Check Enable Local Overrides 

 For disable styles that you edit, right click and inspect  > Go to Sources> Overrides> UnCheck Enable Local Overrides or refresh page will disable style overrides



or you can use stylebot extension in chrome.

No comments:

Post a Comment