eStore – how can I manually combine CSS styles?

[ZEOLOU]

I’d like to manually combine the multiple Estore styles (Estore, custom css, Extra shortcodes) and only load a single CSS file (my blog stylesheet). I can start by pasting the Estore styles into my own stylesheet but how do I then stop the empty files from being loaded and use the new one?

I’m using the latest version of Estore and WordPress.

[wzp]

What is the particular reason for doing this?

[admin]

There are WP plugins which will combine the CSS files. You can give it the list of CSS files that you want combined on your site, and when the page is loading, it will combine those files.

[ZEOLOU]

I need to manually do this without plugins for speed issues. I can copy/paste the Estore styles into my own stylesheet but how do I then stop the empty files from being loaded and use the new one?

I’ve been reading the whole forum for weeks and searching elsewhere for help on all other Estore issues I have but this is the only support I need from you guys.

[wzp]

how do I then stop the empty files from being loaded and use the new one?

I suspect that (website) programming) is not your full-time occupation, and that you read some advice on site optimization, that came up during a Google search.

You would need to use an editor to search/delete all references to .css file loads; in every plugin fike; in every plugin. At which point, you’d have the following NEW problems:

1. Whenever you update any of the affected plugins, you’d have to redo all of your modifications.

    

2. CSS styles are interpreted by the user’s browser; not by your server. This means that:

    

   • Currently, only the CSS styles needed for each particular page load or refresh are sent to the user’s browser.

      

   • I need to manually do this without plugins for speed issues.

     By placing every blessed CSS style into one humongous CSS file, you will be forcing the user’s browser to accept and parse, every CSS style; each time a page is loaded or refreshed, even if that particular page only requires 3 or 4 styles.

   • Page load times might actually increase (see above). Not only because of the burden placed on the user’s browser, but by the amount of time needed to transmit (sans browser caching) the “Mega-CSS” file across the Internet.

      

3. CSS styles are hierarchical in nature. You run the risk of loading CSS styles in “the wrong order.” This would increase the difficulty of debugging CSS related issues.

    

[ZEOLOU]

I managed to find another solution.

[Author]

Posts