Icons inside text widgets
Below are some common icons used on the site to indicate what happens when a link is clicked. To copy this code, hover over the code snippet and click copy here in the front-end, then paste this into the text/code edit window on the page where it should appear.
<i class="fas fa-external-link-alt" aria-hidden="true"></i>
<i class="far fa-envelope" aria-hidden="true"></i>
<i class="far fa-user" aria-hidden="true"></i>
<i class="far fa-file-word" aria-hidden="true"></i>
<i class="far fa-file-pdf" aria-hidden="true"></i>
<i aria-hidden="true" class="fas fa-arrow-right"></i>
Icons inside buttons
To copy these buttons with icons, edit the page in Elementor and copy-paste each button individually into another page.
Colour buttons
You may want to use different buttons for different sections of the site – which colour is used where, is indicated below. To copy the button style, rather than the button, hover,click copy style, and the paste style by hover over the button you are editing elsewhere.
Inline images and text
To line an image such as a logo up with the text, and have it scale nicely on all screens – copy the container which houses both the container withe image, and the container with the text
