What happened?, the console don´t show lines of document.css thanks.
I solve this problem.
The styles.css don´t show because I use the Prefix free plugin
In his limitations says : "Unprefixed linked stylesheets won’t work locally in Chrome and Opera."
I disable this plugin for local testing.
I faced same situation before, all i had to do is to remove a jQuery plugin. i don't remember the name but that was converting external style as internal styles.
Try removing links to your external JavaScript files and look which plugin cause the problem.
Hope this helps :)
Related
I have lot of css files for my website and want to remove unused css from that files. Don't know which style is using for which purpose. Is there any tool or suggestions to remove unused styles for improving page optimisation.
Please suggest
You can use purifyCss online tool to get the cleaned css , just enter you website url or provide html and css code
You can try "web developer" chrome extension from chrome webstore
I've got this stylesheet loading on the index, but I can't seem to find the source anywhere. After researching CodeMirror, I'm guessing it has to do with the page customizer?
Is there any way to disable this stylesheet?
This stylesheet is not included in the code of theme.liquid
It's loaded via the {{content_for_header}} in the head section.
It is not coming from an app, as one would suggest,
Its coming from Shopify and is only loaded, when previewing a theme.
It is a little misleading when you are trying to get the page-load down and you are using the developer tools from chrome.
Inspect the theme again after it's live or block the requested URL in dev tools.
If the stylesheet is included in the layout/theme.liquid file, then you can comment out or remove it there.
If it is not included in that file, there is a good chance that it is coming from a Shopify app store app. If that is the case, you would have to check that app for settings, or not use that app.
When I enable smart cache for css, prestashop frontend will be messed up totally, like only using some of the css.
However, I can see there is all my custom css rules, also blocks and modules in that same file, but I can't understand why it messes it up so bad. Basically its just html dumped together with float effects when I enable it.
It it better to look for other css compiler/minifier and not to use prestashop one? is this general issue ?
Site works perfectly fine after I disable it again...
Using prestashop 1.6.1.6
Any idea how to debug ?
This is not a general issue, this must be happening because of the custom theme that you are using on your store.
You can try removing the theme specific cache from the following directory:
/themes/YOUR_THEME/cache/
You may refer to the following link as well if you have upgraded from 1.6.1.4 to 1.6.1.5 recently.
https://www.prestashop.com/forums/topic/520452-update-from-1614-to-1615/page-2
im working on a clients site and i made changes to the style.css file in the twentyten theme. file looks fine and normal, but my added style isnt showing up in the chrome inspector when I selet it in the HTML element. So I click on the style.css link in the element inspector to vie the css to see if the class i added is there and everything is compreessed ????
no idea why. there are no caching plugins or anything that I can see.
Anyone have anyida what is happening. Im new to the site and not sure what is going on.
any help appriciated. site is hailprotector.com, so you can see for your self. im stumped.
thanks
UPDATE:
I searched the compressed text and did not find a reference to my new class which is .videostyle
so that file is not MY edited style.css. hmmm....the plot thickens. where is that file and how do I edit it? What hath the other developer done?
It was Cloudflare. A 3rd party that provides all sorts of caching and minifying and DNS or CDN services. Available in most CPANEL's. In the cloud flare settings they had it set to minify JS and CSS. Kinda cool but drove me crazy. I called Bluehost support for VPS and they were awesome and saw that I was using it and that solved all. thanks
I'm looking for an extension or tool that will enable me to edit CSS real time from the browser. I installed Stylebot which works well but whenever I save the new CSS, it only retains the stylesheet in the browser and not the CSS file or HTML file. I can't figure out how to make changes to the CSS file itself, and I'm not sure that's even a possibility with Stylebot.
Any suggestions would be much appreciated. Thanks.
this works for me http://tin.cr/
its really nice and as simple as installing the extension.
Happy coding :)
any changes you make are already added to the css file. kind of like an inverse livereload :)