Easy change of style and layout
CSS Custom Properties
One CSS file is added to the page. It will have the basic layout, as well as default colors and
A lot of default colors, measures and images can be changed easy.
On top of the page there's a numer of CSS properties defined, also known as CSS variables. Set all the
variables for fonts, colors, widths ect in the top of the CSS file.
You can set for colors and measures for all main elements of the page (navigation, header, main content
area, sidebars, footer.)
These custom properties will effect the whole site, so, all pages. (For individual pages you can set the
custom properties to an other value if you want a special page)
Create and apply your own color schemes, background images, block layout, font settings.
Besides that, there are a number of set styles in the CSS file you can use to apply on individual HTML
elements in the page. For margins, padding, width, height or special cases like creating columns or to
Lots of the CSS custom properties are connected to attribute selectors, using the data-gs- prefix. Most
of the time they are more compact then classes and we find them more intuitive then the normally used
HTML: Visual layout will sometimes require more -or less- HTML code. If you want a page with a sidebar,
there will be needed some extra HTML code. There are different HTML templates avalable now. See Pages