Style Sheet 404s

This support ticket is created 5 years, 10 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

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, 10 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.