• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 81
  • Last Modified:

Identify css styles

Hi,

I am not very familiar with css. I am having difficulty in identifying in where css file are styles when using the web developer tools of chrome. For ex. in attached image file when inspect an element -> class "post_text"  chrome identifies css file stylesheet.min.css. But this element not exist.
Can anyone help me or suggest any other developer tools to help me identify styles.
Img1.png
0
rflorencio
Asked:
rflorencio
  • 2
1 Solution
 
Dave BaldwinFixer of ProblemsCommented:
Your image does not show CSS styles, only 404 pages.
0
 
Brandon LyonSenior Frontend DeveloperCommented:
Your image seems to indicate that you're using Wordpress. Your CSS comes from within a theme. That theme has css files. The stylesheet.min.css is probably a compressed version of the stylesheet which reduces filesize among other things. You'll want to look for the original CSS file in the theme directory.
0
 
rflorencioAuthor Commented:
Hi,

Sorry, this is the correct image example.
ImgCss.png
0
 
Brandon LyonSenior Frontend DeveloperCommented:
The file is being "minified". It is being compressed automatically so that the file is smaller when people try to download it. If you want to know where the original stylesheet is you will need to disable whatever is automatically minifying the stylesheet.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

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