Hi 👋,
I use v2 and added a custom css file under Items Header in General Data and Files.
My css overrides are not processes, so i tried to figure out what is going wrong.
Now I found out that the custom css file is loaded before the standard main.bundle.css file, so my settings got overriden by the main file.
After a look in the post.php I am confused, because if I do understand the file correctly the header items should be loaded after the main css file.
Snipped of head HTML output
<link href="/shared/apple-touch-icon.png?m=1708887678" rel="apple-touch-icon" />
<link href="/packages/automad/standard-v1/dist/standard.min.css?m=1708887678" rel="stylesheet">
<script src="/packages/automad/standard-v1/dist/standard.min.js?m=1708887678"></script>
<link rel="stylesheet" href="/automad/dist/blocks/my_custom.css?m=1709150500">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link href="/automad/dist/inpage/main.bundle.css?m=1708887678" rel="stylesheet"><script src="/automad/dist/inpage/main.bundle.js?m=1708887678" type="text/javascript"></script>
And that is the post.php
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>@{ metaTitle | def('@{ sitename } / @{ title | def ("404") }') }</title>
<@ elements/metatags.php @>
<@ elements/favicons.php @>
<#
To make sure the following variables are always available in the dashboard,
they can be included in a comment block.
@{ imageCard }
@{ checkboxHideThumbnails }
#>
<link href="/packages/automad/standard-v1/dist/standard.min.css" rel="stylesheet">
<script src="/packages/automad/standard-v1/dist/standard.min.js"></script>
<@ elements/colors_header.php @>
<# Add optional header items. #>
@{ itemsHeader }
</head>
Am I wrong, or why is the output order different from the expected output in the php file?
Regards,
Philipp
P.S: @mad Thank you for sharing automad, fantastic cms ❤️