Style Guide
Use this page to style the base styles for the site
Colours
All the colours are set up under global colours in elementor’s site settings tab. Go there and change them and you’ll see them change in real time. Don’t change the names of the colours and try to match up the colours as close as possible to keep the integrity of the templates. Remember to set these colours in CSS under Reference Colours so that you can use them in CSS
Primary Colours
Secondary Colours
Action Colours
Basic styles
Use the elementor site settings tab to set the basic styles of all the headings, body copy, links and secondary button (default button) styles. Below will show you a visualization of how it will look.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Body Copy: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
UL
- List Item 1
- List Item 2
- List Item 3
OL
- List Item 1
- List Item 2
- List Item 3
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Body Copy: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
UL
- List Item 1
- List Item 2
- List Item 3
OL
- List Item 1
- List Item 2
- List Item 3
Colour Variations
Use the elementor site settings tab to set the basic styles of all the Headings, body copy, links and secondary button (default button) styles. Below will show you a visualization of how it will look
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Body Copy: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
UL
- List Item 1
- List Item 2
- List Item 3
OL
- List Item 1
- List Item 2
- List Item 3
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Body Copy: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
UL
- List Item 1
- List Item 2
- List Item 3
OL
- List Item 1
- List Item 2
- List Item 3
Assets and Widgets
These have to be designed specific
Post loop grid
Global Sections
Some sections will appear in multiple places and will need the same styles. Style them here and have them update everywhere on the site.
Follow Along on Canada's Path to Sustainability
Stay in touch with us so we can share news, updates, and let you know about anything more you can do to affect change in Canada, and globally. This is by far the best way to stay in touch – make sure you mark our contact as safe where necessary to avoid our emails getting buried in spam or promotional folders.
