Alternative for deprecated Linked CSS Design Area

(Glovegro) #1

**Matrix Version:5.4.5.1

We have Design (parse) files which include the deprecated Linked CSS Design Area (since 5.4.4.0).

Using these Design parse files are a number of sub-sites which have their own customisation and within that customisation a reference to a CSS file to add specific styling to that sub-site. All sub-sites also reference a master CSS style sheet included in the Design file.

Question: what is the recommended method of adding custom CSS files to sub-sites with their own customisation without the availability of the now deprecated ‘Linked CSS Design Area’?

Many thanks in advance
Gavin

(Bart Banda) #2

Best way is to use a Standard page asset, set the contents of it to Raw HTML, then manually code your CSS tag in there and point to the CSS file src using ./?a=, then nest that Standard Page in to the design using a nested design area.

(Glovegro) #3

Thanks Bart - I will give that a try …

(Glovegro) #4

Further to the solution you provided for the ‘Linked CSS Design Area’ is there a similar solution for the deprecated ‘Head Design Area’?

Regards
Gavin

(Bart Banda) #5

Yep, same thing with the head, so what a good practice is is to have something like this in your design file:

Then you nest in a Standard Page where you put all of your content.

An example of this can be seen on the Project Template you can download from the Matrix site: https://matrix.squiz.net/resources/templates/system-templates

Hope that helps.

Cheers,
Bart