-
Posts
-
Hi,
I just bought the theme today and one of the big selling points for me is the demo shows in CSS checking as using only one style sheet. The link I tested from:
http://www.feedthebot.com/tools/css-delivery/req.php?url=http%3A%2F%2Fkriesi.at%2Fthemedemo%2F%3Ftheme%3Denfoldshows:
External CSS files
Good job.
1 external CSS files found:
– selector/styles.cssInline CSS
no inline CSS found.CSS attributes in HTML elements
example: <div style=”this or that”> or <p style=””> etc.
no in element CSS foundCSS @ imports
@ import not detected – goodOnce I installed it on our server I get this:
http://www.feedthebot.com/tools/css-delivery/req.php?url=mosfoundation.orgExternal CSS files
Too many CSS files. Solution? combine them into one.
14 external CSS files found:
– https://mosfoundation.org/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/css/avia-media.css?ver=3.7.1
– https://mosfoundation.org/wp-content/themes/enfold/config-bbpress/bbpress-mod.css?ver=3.7.1
– https://mosfoundation.org/wp-content/themes/enfold/css/grid.css?ver=1
– https://mosfoundation.org/wp-content/themes/enfold/css/base.css?ver=1
– https://mosfoundation.org/wp-content/themes/enfold/css/layout.css?ver=1
– https://mosfoundation.org/wp-content/themes/enfold/css/shortcodes.css?ver=1
– https://mosfoundation.org/wp-content/themes/enfold/js/prettyPhoto/css/prettyPhoto.css?ver=1
– https://mosfoundation.org/wp-content/themes/enfold/js/mediaelement/skin-1/mediaelementplayer.css?ver=1
– https://mosfoundation.org/wp-content/uploads/dynamic_avia/enfold_child.css?ver=1
– https://mosfoundation.org/wp-content/themes/enfold/css/custom.css?ver=1
– https://mosfoundation.org/wp-content/themes/enfold_child/style.css?ver=1
– https://mosfoundation.org/wp-content/themes/enfold/config-gravityforms/gravity-mod.css?ver=1
– https://mosfoundation.org/wp-content/themes/enfold/config-layerslider/LayerSlider/css/layerslider.css?ver=4.6.5
– https://fonts.googleapis.com/css?family=Open+Sans:400,600Inline CSS
multiple inline CSS blocks found.
– This can be normal, but it is worth knowing about.CSS attributes in HTML elements
example: <div style=”this or that”> or <p style=””> etc.
41 in element CSS foundCSS @ imports
@ import not detected – goodI have tried BWP Minify and W3TC and both fail even when I am only working with the CSS style-sheets in the enfold directory. I did setup a child theme, but nothing is there but a style.css file. I am guessing there is a specific order to getting the same results as the demo, can you please provide the setting being used by BWP Minify, in the demo, for CSS and java-script, because that will be the next setup I need to get done.
The site URL is:
http://www.mosfoundation.org
Thanks,Dave
Hey!
First, please don’t bump your posts. Our queue system shows oldest posts to newest so when you self bump it just moves your topic to the end of the queue.
For minifying your css, you can follow the plugins steps and documentation for the best results. The demo has a custom set up as far as the back end goes (style switcher etc). But generally when minifying the data you just need to select the files from within the plugin so that it knows which ones to minify and do it in the same order they are rendered in the html.
If you really wanted to only have a single file you would need to move all of the css from the css folder into a single file (again in the same order from the rendered html) and then remove those calls from the functions.php which are trying to include the separate files.
Just using a basic minifcation plugin and WP super cache or w3tc should be plenty of speed increase for the general site set up.
Cheers!
Devin
- The topic ‘Combining and minifying Enfold CSS’ is closed to new replies.