Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome Developer Tools - Where is the (index) stylesheet?

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?

like image 837
Kookoriko Avatar asked Jan 17 '14 20:01

Kookoriko


People also ask

How do I view Chrome index?

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.

How do I find CSS in Chrome dev tools?

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.

Where is CSS file in inspect element?

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.


1 Answers

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.

like image 199
Ennui Avatar answered Sep 22 '22 10:09

Ennui