Form CSS Variables
For developers who choose to use the Web Editor API to build custom website templates there are a number of public CSS variables which can be called.
Web Editor creates dynamic CSS files by using a PHP file which tells the browser it is a CSS file.
This PHP file ( form/xx/css/screen.php ) connects to the database and populates a collection of variables with the client specific CSS settings, such as colours and width which can then be referenced within the CSS file - allowing templates to be shared between clients and still carry a personalised style.
There are also a number of public PHP layout variables - click here to view them.
CSS variables
$c_form
type:
integer
info:
ID of client form folder
example:
14
$c_width
type:
integer
info:
numeric value selected as site width in GM
example:
780
$c_bg_colour
type:
string
info:
bin hex colour, selected as background colour in GM
example:
#FFFFFF
$c_bg_image
type:
string
info:
image file selected as background image in GM
example:
bg_img.gif
$c_body_colour
type:
string
info:
bin hex colour, selected as background colour in GM
example:
#FFFFFF
$c_brand_colour
type:
string
info:
bin hex colour, selected as primary brand colour in GM
example:
#FFFFFF
$c_brand_colour_2
type:
string
info:
bin hex colour, selected as secondary brand colour in GM
example:
#FFFFFF
$c_header_height
type:
integer
info:
numeric value, selected as header height in GM
example:
100
$c_header_image
type:
string
info:
header image selected via client form section
example:
header.gif
$c_header_image_path
type:
string
info:
full path to header image
example:
/media/xx/form/header.gif
$c_font_colour
type:
string
info:
bin hex colour, selected as primary font colour in GM
example:
#FFFFFF
$c_font_colour_2
type:
string
info:
bin hex colour, selected as secondary font colour in GM
example:
#FFFFFF
$c_link_colour
type:
string
info:
bin hex colour, selected as text link colour in GM
example:
#FFFFFF
$c_font_face
type:
string
info:
font-family name, selected as site font in GM
example:
Arial
$c_font-size
type:
integer
info:
selected as font size in GM | note need to add pt, px or .em
example:
12
