XF 2.3 Change CSS Order

[mjda]

So I'm loading up some CSS/Less in one of my templates.

I'm loading structured_list.less then I'm loading my_custom.less. The problem I'm having is, it doesn't matter what order I put them in, or where in the template I load them, my_custom.less is always loaded into the page first. So the question is, how can I change the order they're loaded into the page? I'm overwriting some of the CSS from structured_list.less in my my_custom.less, but those changes aren't made because I can't load my_custom.less after structured_list.less.

Here's how I'm loading them:

<xf:css src="structured_list.less" />
<xf:css src="my_custom.less" />

Looking at the source here on XF.com, it appears as though the additional CSS templates are loaded alphabetically, but I'm thinking they should be loaded in order of being called, should they not, or am I missing something here?

 

[Mouth]

Looking at the source here on XF.com, it appears as though the additional CSS templates are loaded alphabetically, but I'm thinking they should be loaded in order of being called, should they not, or am I missing something here?

XF 2.2 Thread 'Understanding and changing the order of xf:css templates'

Sep 25, 2020

Having trouble getting templates loaded via xf:css to load in the order I'm expecting. I have two .less templates being included one after the other, but they compile/get loaded in backwards. Is there any way to control what order those get included in at all?

• Ian Hitt
• Replies: 4
• Forum: XenForo questions and support

• 

 

[mjda]

Right, so I need to name my custom templates zzz_custom.less...