Site Branding
Logo:
Media picker for site logo
Logo Alt Tag:
Textstring for the alt tag of logo
Site Title:
Textstring for the title that appears in the tab of the browser (can be overwritten per page)
Favicon
Favicon:
Media picker for favicon - this should be a .png or .fav file and be no smaller than 180px x 180px
Scripts
Head Scripts
Body Scripts
Footer Scripts
All script fields are textarea fields to add custom code - <style> or GTM code for example
Site Settings
Font Type:
A dropdown list with fonts in, only one can be selected. Options are - Arial, Metropolis, Open Sans, Roboto, Tahoma, Trebuchet MS, Verdana.
Body Font Colour:
This is a colour picker tool that will let you select the body font colour - you can also add colour as hex code.
Body Background Colour
This is a colour picker tool that will let you select the body background colour - you can also add colour as hex code.
Heading Colour
This is a colour picker tool that will let you select the heading colour - you can also add colour as hex code.
Primary Colour
This is a colour picker tool that will let you select the primary colour for the site - you can also add colour as hex code.
Secondary Colour
This is a colour picker tool that will let you select the secondary colour for the site - you can also add colour as hex code.
Button Type:
There are four options for the button type. This will set the style the buttons have on the site. The options are - Block button, Border button, Rounded button, Rounded border button.
Button Bold Override:
This is a checkbox that will set ALL buttons on the site to have bold text - (This will override all buttons and set to bold)
Button Uppercase Override:
This is a checkbox that will set ALL buttons on the site to have uppercase text - (This will override all buttons and set to uppercase)
Breadcrumb Type:
This will set the separator style for the breadcrumbs block, this can only be set here and not on the individual block. The options are - arrow / line / slash.
Header
Header Fixed:
This is a checkbox that will add position: fixed to the header - the header will then be fixed to the top of the site on scroll.
Header Full Width:
This is a checkbox that sets the header to be full width of the window, if this is left unchecked then it will fit within the site container width.
Navigation Type:
There are four options for the navigation type. This will set the style of the navigation menu. The options are - Blocks, Border, Hamburger, Standard. The hamburger menu will show for tablet and mobile regardless of navigation type selected.
Navigation Position:
This will set the position of the navigation. The options are - Center, Left, Right.
Header Background Colour:
This is a dropdown of the available colours and will set the background colour of the header (full width of window).
Nav Hamburger Menu Colour:
This is a dropdown of the available colours and will set the colour of the hamburger menu (the hamburger menu will show for tablet and mobile regardless of option chosen in navigation type).
Header Shadow:
This is a checkbox that will add a box shadow style to the header.
Header Padding Top:
This will set top padding for the header.
Header Padding Bottom:
This will set bottom padding for the header.
Header Margin top:
This will set top padding for the header.
Header Margin Bottom:
This will set bottom padding for the header*
*
Header - Links
Header Links
Nav Link Font Size:
This is a dropdown to set the font size on the navigation menu. The options are - Small (16px), Medium (18px), Large (20px), X-Large (22px).
Nav Link Font Spacing:
This is a dropdown to set the spacing between the nav links on the navigation menu. The options are - Small (10px), Medium (16px), Large (24px), X-Large (32px).
Nav Link Colour:
This is a dropdown of the available colours and will set the colour of the nav link.
Nav Link Hover Colour:
This is a dropdown of the available colours and will set the colour of the nav link when hovered or active.
Nav Link Hover Background Colour:
Depending on the type of navigation selected this will colour different things. This is a dropdown of the available colours and will set the colour of the nav link background when hovered or active.
Submenu Font Colour:
This is a dropdown of the available colours and will override the colour of the subnav font colour.
Link Uppercase:
This is a checkbox that will set the navigation links to be uppercase.
Link Bold:
This is a checkbox that will set the navigation links to be bold.
Nav Link Button:
This is a checkbox that will set the last link in the navigation menu to be a button.
Nav Link Button Position:
This is a dropdown to set the position of the button. If nothing is selected the button will sit on the menu besides the other links. The options are - Left, Right & Centre.
Nav Link Button Background Colour:
This is a dropdown of the available colours and will set the colour of the nav link button background colour.
Nav Link Button Font Colour:
This is a dropdown of the available colours and will set the colour of the nav link button font colour.
Nav Link Button Background Hover Colour:
This is a dropdown of the available colours and will set the colour of the nav link button background hover colour.
Nav Link Button Font Hover Colour:
This is a dropdown of the available colours and will set the colour of the nav link button font hover colour.
Nav Link Button Arrow Type:
This is a dropdown with four different arrow options for the nav link button. The options are: Round, Round-Solid, Short & Simple. If no option selected the arrow will not show on the button.
Nav Link Button Bold:
This is a checkbox that will set the nav link button to be bold.
Nav Link Button Uppercase:
This is a checkbox that will set the nav link button to be uppercase.
Footer
Footer Full Width:
This is a checkbox that sets the footer to be full width of the window, if this is left unchecked then it will fit within the site container width.
Footer Stacked Layout:
This is a checkbox that will stack the content in the footer. Footer left, center and right will be below each other.
Footer Background Colour:
This is a dropdown of the available colours and will set the colour of the footer background colour.
Footer Vertical Align:
This is a dropdown that will set the vertical position of the content in the footer. The options are - Top, Middle, Bottom
Footer Nav Type:
There are two options for the footer nav type - Columns, Rows. This will set the footer links to show stacked (columns) or side by side (Rows).
Footer Text Colour:
This is a dropdown of the available colours and will set the colour of the footer text colour (includes links and text).
Footer Text Font Size:
This is a dropdown to set the font size on the footer text. The options are - Small (12px), Medium (14px), Large (16px), X-Large (18px).
Footer Link Font Spacing:
This is a dropdown to set spacing between footer links. The options are - Small (10px), Medium (16px), Large (24px), X-Large (32px).
Footer Social Position:
This is a dropdown to set the position of the social links. The options are - Left, Right, Centre.
Footer Padding Top:
This will set top padding for the footer.
Footer Padding Bottom:
This will set bottom padding for the footer.
Footer Margin Top:
This will set top margin for the footer.
Footer Margin Bottom:
This will set bottom margin for the footer.
Footer - Left
Footer Left Logo
Footer Left Logo Alt Text
Footer Left Links
Footer Left Text
Footer Left Text Align
Footer - Centre
Footer Centre Logo
Footer Centre Logo Alt Text
Footer Centre Links
Footer Centre Text
Footer Centre Text Align
Footer - Right
Footer Right Logo
Footer Right Logo Alt Text
Footer Right Links
Footer Right Text
Footer Right Text Align
Social
Social Links Title:
Social Links
Social Links Colour
Social Links Size
CSS
Custom Stylesheet: