Have you been in a situation where you are almost sitting the whole day in front of your browser and going through a document and find that the site's background color is too bright and you are tired of adjusting the brightness in your monitor.
Fear not, as you might not be the first person in that boat. In this article will show you exactly how to fix it.
1. First of all depending on your browser, usually it is `Ctrl + Shift + I` keys that should bring the Developer tools out.
2. Now all you need to do is, either click on the `<html ......\>`, or the <body ......\> tag.
3. You should now, see the `element { ...... }` tag in the right side.
4. Click on it and try to add the key and value like `background-color: darkgrey; ` or a suitable color for your needs.
5. See, if the background color of the page changes. It may not work always but atleast 7 of 10 times it should.
6. If it works, might be, the next part is updating the fonts color. For which you might need to add another key and value like `color: black; ` or a suitable color.
7. If it didn't work, I would suggest to keep on clicking on the sub sections under the `<html ....>` or `div` or `body` tag and keep trying to update the `background-color` element for each of it. Interesting part is when you click on each section, it more or less highlights the area that the specific section is responsible for.
8. One other option is to right click anywhere on the section you like the background color to be updated and select the `Inspect element` option, which should directly open the developer tools with that section.
Hope this article helped to relieve the paint to your eyes. If yes, please see if you like to make a donation in the 'Buy me a pop' button on the side bar but no compulsion.
No comments:
Post a Comment