Inspecting element on wordpress website shows wrong line number - css

Whenever I inspect an element on my wordpress website it shows the element as being on line 1 of http://localhost/wordpress/wp-content/themes/ignite/style.min.css?ver=1.19 instead of the correct line in "style.css".
Can someone please let me know how to make my website use style.css rather than style.min.css?ver1.9?
Thanks.

The script has been minified. Technically it's all on line 1. See if you cannot locate a version of the css that is not minified.
You can also use a minifier tool in reverse, take the unminfied cod and replace the css file with the inflated version. Run it again and then you'll be able to find the problem based on the line.
Minifier tool here:
http://cssminifier.com/

Related

using atom-minify to search and replace before minify on save

Hi im using atom and atom-minify
I would like to remove all references to https://websiteaddress.com but only in the minified file.
I only know html and css, but I came across inline-parameters where i can add some code to the top of the page and atom-minify will run it.
I found this:
::scan(regex, iterator) which makes sense but how do I input this
Here is my best guess for what to put at the top of each page in atom, any help would be much appreciated:
/* minifyOnSave, scan(https://websiteaddress.com, replace) */
You could use Atom's built in search and replace feature
The default keybind for this is ctrl-f or command-f if you are on mac.

Browsers ignoring single CSS file

Not sure how to really categorize this question, but on this page, the file http://d1el287zd12c0j.cloudfront.net/assets/hitgrid-0a8239a14fba0de87431c06cd75774f3.css seems to be completely ignored by browsers. It appears to load successfully and no different than any other css file on the page, but the styles in it are simply not applied to the page.
The content-type, encoding and everything appears to be working as expected. Roughly the same content "applies" fine on my local installation of the app.
I'm at a loss as to what's going on here.
I just check it out and everything went right.
Try to make the filename shorter in the CDN. Large names tend to make error in some way or maybe check if no other stylesheet is interfering with the styles
If that didn't work, answer these questions and Ill try to git it a try again
Which OS are you using?
2. Are you using wordpress?

Where could be inline-css in Wordpress

I am working on this webpage:http://hypoinvest.sk/ which runs on Wordpress with this theme If you check source code you can see a lot of inline-css and I want to know in which files are actually defined. Only thing what I know about it they are called by function wp_head() in header.php. I have local copy of all files on this web and I can't find any mention about some of that css rules through unix grep. Anyone suspect where these css rules could be located?
check site and let me know.
Run a search in the source code for
style-inline
As this appears to be the 'handle' designated as the first variable in the function wp_add_inline_style. The "-css" is added automatically. You'll see this on line 79 of the page source.
https://codex.wordpress.org/Function_Reference/wp_add_inline_style
You want to check your page back-end site where you put content ,
I think are you using any compose or editor to create page on edit page.
check it edit option it has some inline css.

CSS in one line, cant compare free vs paid theme file

This is annoying, I have a wordpress theme with a css file that is all in one long line. I wonder why anyone would do that. Now I have upgraded and I need to compare the old file with the new one so that I can take in the changes. Meld, diff and vimdiff show line difference. I wonder if there is some way to auto format/indent css files so that I can compare them line by line and make some sense to a simple task.
Pass it through a prettifier before comparing.
Its like this as it shouldnt need modification. you can use Styleneat to format it to multi-line. !Very hand tool
Styleneat

how do i get css source file path from firebug?

I need to modify a couple of classes in the css of the site i'm currently woking on. another person worked in it, so i really don't know where he has put the styles. i know firebug shows the css path on the corner, but it's just showing the url like this: http://localseo.org#3(line 149) . what does it mean? how do I get the file path? Thanks for the help everyone.
Click on that URL.
It will open the correct file to the correct line. From there you can easily see the path...
However, if you mean file path, on the server, you cannot get that from the browser or Firebug; it depends on your server settings.
Open firebug and you'll see a CSS pane/tab you can then select the stylesheet you want/need to edit.

Resources