How to find files for "inline" code

[Brandon Palmer]

Hey,

A bit new to coding. Working on this page: http://www.eatmorebliss.com/blog/chia-seeds-ancient-superfood-secret/

Trying to change the color of the "Download" button in the right sidebar.

Firebug says the code is "inline," which I think means it's controlled via the html for the plugin. But how do I use firebug to find the correct file?

Let me know what other information could help.

Thanks!

[Sebastian Zartner]

Hi Brandon,

note that this element rule you point at isn't a normal CSS rule. It lists all the styles, which got applied via the style attribute on the HTML element. You can see that at the left side within your screenshot. It says style="color:#ffffff;background-color:....

Other inline styles (or embedded styles) like the second one in your screenshot displayed as inline:1670 are enclosed by a <style> tag embedded within your HTML. So to find these CSS styles and the ones described above you need to search within your HTML output.

Rules from external CSS files, i.e. files included via <link> tags, will be displayed with their name, e.g. styles.css:123.

After that being said I want to note that your screenshot does not show Firebug but the DevTools built into Firefox.
In Firebug the display is a bit different:

You can read more about this in the Firebug wiki.

Sebastian