Solved

Identify css styles

Posted on 2014-12-23
4
66 Views
Last Modified: 2015-01-07
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
Comment
Question by:rflorencio
  • 2
4 Comments
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 40515487
Your image does not show CSS styles, only 404 pages.
0
 
LVL 9

Expert Comment

by:Brandon Lyon
ID: 40515863
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
 

Author Comment

by:rflorencio
ID: 40516147
Hi,

Sorry, this is the correct image example.
ImgCss.png
0
 
LVL 9

Accepted Solution

by:
Brandon Lyon earned 500 total points
ID: 40528009
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

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Input box width 6 26
Checkout Page Input Field not aligned 1 23
Background video not displaying in Internet Explorer. 3 24
Index on a Table 6 13
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question