Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 351
  • Last Modified:

Firefox Inspector - found a setting I want to change but not sure which HTML doc it is referencing

When i go to my web page to adjust a visual look of the web site I can make the change using Firefox Inspector, but now I am trying to figure out what file actually has the coding.
Is there any way to do this?
0
Scott Johnston
Asked:
Scott Johnston
  • 3
  • 3
  • 2
  • +1
3 Solutions
 
Chris StanyonCommented:
When you examine an element in Firebug, it will show the styles that are applied to that element, and it will also show you which CSS file those styles are coming from. It even shows which line number to look at in the CSS file.
0
 
Scott JohnstonSystems ConsultantAuthor Commented:
That is what I am trying to determine what CSS file is being used?
I looked at the default on but it does nothav any of the info I am looking to change.
0
 
Scott JohnstonSystems ConsultantAuthor Commented:
When i look at the Rules, i see that the parameter is "Inherited from DIV, then it lists the div.page  and tell me what styles.css:28.  I guessing that is the style setup and what line but it is not what matches the data I look at in the Inspector?
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
COBOLdinosaurCommented:
It might be getting generated from client side scripting in which case it will not be in any stylesheet or even inline.  In that case the styling is obfuscated somewhere in the scripting.

Cd&
0
 
Chris StanyonCommented:
Because of the nature of CSS, most elements will inherit some styles from other elements further up the DOM tree. Sometimes an element won't have any style explicitly set, but will inherit everything from other elements. Maybe this is the case on your site.

If you want to provide a link to your site and tell us which elements you're examining we can give you more info.
0
 
nanharbisonCommented:
I like the Chrome code inspector better than Firefox's. I think it's easier to use and see what is happening. And it gives you a blank:
element.style {

}
 CSS element, so if you click on a div or span or whatever on the left, and try applying the style there and it works on the page, then you are in the right place. Maybe FF does this too and I just haven't noticed it.
0
 
Chris StanyonCommented:
@nanharbison - In Firebug, right click in the Style tab and you'll see an option for Edit Element Style...

:)
0
 
COBOLdinosaurCommented:
@nanharbison,

In Firefox inspect you can change any of the styles using th right side.  For existing properties you can uncheck them,  and you can edit any style property for immediate effect.  

I have been doing Web Development a long time, and there is no way I would ever consider using Chrome for my primary browser.  It is just too lame.  I only use it for testing after using Firefox, so I can see which Chrome defects I have to work around or provide fallback.

Cd&
0
 
Scott JohnstonSystems ConsultantAuthor Commented:
Thanks
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 3
  • 3
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now