CSS order from different setting

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: Customizing Toolset Starter, Layouts plugin, Toolset Starter Theme

This topic contains 4 replies, has 2 voices.

Last updated by kelvinL-2 5 years, 11 months ago.

Assisted by: Luo Yang.

Author

Posts

May 7, 2018 at 3:40 am #837960

kelvinL-2

Dear Sir/Madam,

I want to customize the CSS, there are several ways to have the CSS customization, may I know what are the difference and the order.

1. Theme Customization
2. Layouts CSS and JS
3. CSS from Views
4. CSS from Content Template
5. style.css
6. theme.css from Toolset Starter Theme

May I know how they work and their order in the page when load?

Best regards,

Kelvin.

May 7, 2018 at 7:40 am #838910

Luo Yang

Dear Kelvin,

Yes, you are right, their CSS order are different. here are details:
1) theme.css from Toolset Starter Theme, loaded in the HTML <header> area
2) style.css from Toolset Starter Theme, loaded in the HTML <header> area
3) style.css from Toolset Starter Child Theme, loaded in the HTML <header> area
4) Theme Customization loaded in the HTML <header> area

5) CSS from Views, inline CSS codes within HTML <body> area
6) CSS from Content Template, inline CSS codes within HTML <body> area

7) Layouts CSS and JS, within HTML <footer> area

And the CSS codes which are loaded lately will override previous codes.

Hope it is clear.

May 7, 2018 at 3:23 pm #844450

kelvinL-2

Dear Luo Yang,

May I know whether your 1) - 7) are the order of loading the stylesheet? In that case, Layouts CSS and JS and the last resort of the style if an element is defined here? Am I right?

Best regards,

Kelvin.

May 8, 2018 at 1:49 am #851513

Luo Yang

Yes, you are right the
- 1) ~ 7) are the order of loading the stylesheet
- Layouts CSS and JS and the last resort of the style if an element is defined here

May 11, 2018 at 6:54 am #875456

kelvinL-2

Noted with thanks!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.