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

html css wordpress developer-tools
Kookoriko picture Kookoriko · Jan 17, 2014 · Viewed 7.8k times · Source

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?

Answer

Ennui picture Ennui · Jan 17, 2014

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.

Related questions

How to embed youtube video in magnific popup?

i have magnific popup plugin.but it not showing the video on popup How to embed youtube video in magnific popup?

Read More
How to use Wordpress Contact Form 7 in my own HTML?

I want to use Wordpress Contact Form 7 on my website, but I already have an HTML/CSS layout for it. So, I want to modify the plugin to use it with that custom HTML code. <form id="contact_form" …

Read More
CSS3 multi-column list

I've been using CSS3 multi-column for a few Wordpress sites now and one thing that I find excepteble but still something I want to know how to fix is that if I put a list(with sub items) in the …

Read More