14 {{ upvoteCount | shortNum }}
14 {{ upvoteCount | shortNum }}

Looking for CSS tool

by ronc0011
12 replies
  • WEB DESIGN
    • |
I'm pretty sure I've seen this tool here before In fact I think maybe I'v even used it or tried it out before. The tool I'm looking for if I remember correctly is a plugin for firefox it will give you the styling and CSS rules or classes for elements of a page . Does this sound familiar to anyone or does anyone know of such a tool.

Here's what I'm trying to do . I'm working on a Wordpress site and I need o find the CSS that is controlling parts of the page. I changed the CSS that controlled the fonts for the sidebar. So then I changed the "p" tag for the post content when I updated the file I now have like 200px fonts in my sidebar. So I need to track down what's controlling the fonts or where the it's getting its formatting from what CSS rule or class or whatever.
#css #tool
  • Profile picture of the author Michael71
    Firebug is the way to go
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[5002078].message }}
    • Profile picture of the author ronc0011
      Originally Posted by Michael71 View Post

      Firebug is the way to go

      Cool Thanks for the reply and thanks for being here on a Sunday
      {{ DiscussionBoard.errors[5002262].message }}
  • Profile picture of the author Michael71
    Addicted to my computers
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[5002705].message }}
  • Profile picture of the author rajeevrla
    Yeah Michael is right, Firebug is the best plugin to track CSS.
    Signature

    Have a great day!

    {{ DiscussionBoard.errors[5002982].message }}
  • Profile picture of the author John Ac
    I suggest you to learn more about the css and you will understand were and how to do different things and this will help you better customize your website, even if we talk about templates website

    Thank you
    Signature
    {{ DiscussionBoard.errors[5003076].message }}
    • Profile picture of the author ronc0011
      Originally Posted by John Ac View Post

      I suggest you to learn more about the css and you will understand were and how to do different things and this will help you better customize your website, even if we talk about templates website

      Thank you
      Actually I have a pretty good understanding of CSS. What I don't have such a good understanding of is Wordpress mainly where different things are inside the file structure.
      {{ DiscussionBoard.errors[5004340].message }}
      • Profile picture of the author ronc0011
        Yeah Firebug is just the ticket. It was just as I thought. Once I started looking I found that the plugin is already installed in Firefox So I fired it up and sure enough it's just what I needed It identifies the CSS file and list all the rules in that file. Just what I needed.
        {{ DiscussionBoard.errors[5004350].message }}
  • Profile picture of the author yasyf
    Firebug is certainly the best choice!
    Signature
    {{ DiscussionBoard.errors[5004221].message }}
  • Profile picture of the author Michael71
    I am working with Firebug every day
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[5005280].message }}
  • Profile picture of the author Damon99
    Have you ever tried google chrome's imbuilt inspect tool? It is the best and it is far more better than firebug. I has number of other options like take taken to load, view conten of remote css and much more which is not there in firebug. I use to prefer google only for this tool. this tool is also fast and easy to use. Just right click and select inspect element on the element which you want to get the details.
    {{ DiscussionBoard.errors[5005351].message }}
  • Profile picture of the author Michael71
    Hey there,

    as a front-end developer I use 6 different browsers with different tools on my computer.

    I know the inbuilt inspect tool

    I like it a lot, it is much faster then Firebug (even Firebug on Chrome).
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[5006021].message }}
  • Profile picture of the author beezer123
    hit F12 when using chrome and voila.

    Immediate inspector.
    {{ DiscussionBoard.errors[5006048].message }}

Trending Topics