Style Guide
Use this page to style the base styles for the site
Typography - Defaults
h1. Heading
h2. Heading
h3. Heading
h4. Heading
h5. Heading
h6. Heading
p. Body Copy
Heading two with , SPAN
Use the class “pop” to allow span tags within the heading to change. You will have to manually add the “<SPAN> tag to the word you want changed and type it out in all caps
Heading twos that are BIG
Use the class “pop” to allow span tags within the heading to change. You will have to manually add the “<SPAN> tag to the word you want changed and type it out in all caps.
Use the class “display” to change the overall font size.
Start with a div tag and use the class “speaking”
Start with a span tag and use the class “small_text”
Typography
h1. Heading
h2. Heading
h3. Heading
h4. Heading
h5. Heading
h6. Heading
p. Body Copy
Typography
h1. Heading
h2. Heading
h3. Heading
h4. Heading
h5. Heading
h6. Heading
p. Body Copy
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
