I was modifying a theme for a WordPress based site, the Anew theme to be specific. Although I changed the theme options - style.css
file and custom.css
file, I couldn't change the color of the links.
Then I used Chrome's Developer Tools to check where my rules were overridden. The overriding rule was on an (index)
file, with parenthesis. With no relevant information on the internet, I decided to take a look at it later.
After some hours, all my changes were committed and now it shows the new color. But I am still curious about this (index)
file. Is it a script-added rule?
In the Browse dialog box, navigate to the Google directory, select the Chrome application and then click Open. The Run dialog box updates to include the path to Chrome. Click OK. Chrome starts and is now able to open the Doc/Index.
On Chrome's Developer Tools tab (CTRL + SHIFT + I), go to Resources (you may have to enable Resource tracking on that page), and click on the sub-tab Stylesheets. That will show all css files loaded by that page.
How can find the css file from inspector ? right click, choose inspect element and will open the styles tab on your right and u can see the classes that holds the css and as well on right top will show in which file name is that class.
It is probably CSS embedded in the HTML (style
tags in the head
), either as part of the markup or added dynamically via JS (or possibly by PHP when the page is rendered).
Need more info to give any answer more specific than that.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With