Template Configuration for CSS Styles
To modify styles available to Authors and Editors of articles, simply make changes to the gxsa_typography.css file, using the Joomla back-end:
Extensions->Extension Manager->Templates (on left)->GXSA_Protostar->gxsa_typography.css
This process was established, as follows:
Creating a local CSS file for GXSA titles, fonts, margins, etc. involves modifying two configurations, as described here:
“The EDITOR.css in the TinyMCE plug-in setting is necessary for displaying the styles at the Backend.
The same styles also have to be included in the TEMPLATE.css for them to work in the Frontend.“
Easiest way to acheive this consistently, is to use a CSS “@import” rule in the EDITOR.css and TEMPLATE.css files
Extensions->Extension Manager->Templates (on left)->GXSA_Protostar
/* GXSA local styling */
@import url(“../../GXSA-Protostar/css/gxsa_typography.css”);
NB: The path should be relative to the current file, or absolute on the filesystem of the server. However, as the location on the server can move (if we change service provider, we should ONLY USE RELATIVE PATHS)
If you use other editors, their own CSS template will need changing to use gxsa_typography.css.
We have currently configured:
- the front-end viewer
- the back-end viewer
- the tinyMCE editor, which is the default on Joomla