gantry5 icon indicating copy to clipboard operation
gantry5 copied to clipboard

Outdated information in DOCs re. CSS files

Open Old-Paul opened this issue 1 year ago • 2 comments

I am trying to determine where to place custom.css files. Using Helium to test.

The instructions of Gantry5 site's given path is not what exists on my new Joomla installation.

The info says /templates/[gantry]/custom/scss but that path does not exist.

Below on my server is a separate .scss directory that is not in the .custom directory. Inside there are separate folders for helium and hydrogen in addition to files in the root of that folder.

There is no instruction on where to place a custom css file? Do I place it in the root or in helium folder under root?

Hope the instructions in docs on Gantry.org get updated soon.

Old-Paul avatar Aug 02 '23 15:08 Old-Paul

@Old-Paul you have to create that file pathway yourself each time, but after you do that it will work. That can all be done within the Joomla template manager.

LMKWeb avatar Aug 15 '23 20:08 LMKWeb

[gantry] would be the name of the template you're using, so in this case it would be

/templates/g5_helium/custom/scss/

in that folder you can create either of these files

custom.css custom.scss

and they'll be loaded automatically.

If you're using custom.scss put this at the top

@import "dependencies";

and you'll be able to access all the theme and Gantry variables

blizam avatar Aug 29 '23 17:08 blizam