Style Sheet 404s

This support ticket is created 5 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: Toolset Theme integration

This topic contains 1 reply, has 2 voices.

Last updated by Luo Yang 5 years, 11 months ago.

Assisted by: Luo Yang.

Author

Posts

January 22, 2019 at 4:04 am #1188737

chrisB-30

I am getting 404s for css stylesheets associated with Toolset. Here is a screenshot from gtmetrix.com

hidden link

And here is a list from my server of my top 404s:

/onthegosystems-icons/css/onthegosystems-icons.css 898
/women-of-the-world/onthego-buttons.css 438
/women-of-the-world/onthego-styles-helper.css 437
/women-of-the-world/onthego-admin-styles.css 436
/women-of-the-world/onthego-colors.css 436
/archetypes/onthego-admin-styles.css 142
/archetypes/onthego-buttons.css 142
/archetypes/onthego-styles-helper.css 142
/archetypes/onthego-colors.css 141

I can't figure out what is causing those calls and why they are 404s.

Any ideas?

My site is hidden link

January 22, 2019 at 8:55 am #1188834

Luo Yang

Hello,

I have tried the URL (hidden link) you mentioned above in my Chrome browser, there isn't the same problem, see screenshot: international.JPG

Within Types plugin file \types\vendor\toolset\onthego-resources\onthego-styles\onthego-styles.css:

	Line 4: @import url('../onthegosystems-icons/css/onthegosystems-icons.css');
	Line 5: @import url('onthego-colors.css');
	Line 6: @import url('onthego-styles-helper.css');
	Line 7: @import url('onthego-admin-styles.css');
	Line 8: @import url('onthego-buttons.css');

We are using the @import url method to introduce additional CSS files, it conducts the issue with gtmetrix, see their document:
hidden link

When CSS @import is used from an external stylesheet, the browser is unable to download the stylesheets in parallel, which adds additional round-trip times to the overall page load.

But it will not take effect on actual user browsers., and we do have a plan to remove all "@import url" from our CSS files.