Uncategorised

Written by Adam Walker on . Posted in Uncategorised.

Site Resouces

Welcome Home.

Your Site Resources

Find useful tools and resources for the management of your website.

Create and Edit Content

Make Simple Changes to Text and images
If you need to edit some of the static (non-blog) content of your site, you can do so in the YooTheme builder. To access the builder simply navigate to the page you want to edit and click the "edit button" located in the bottom right corner of the browser window. From here, click the "YooTheme Builder" button to access the builder. Changes will be made on your site in real-time.

Add a Story
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturent montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Vivamus elementum semper nisi vulputate tellus.

Style Guide

  • Primary

    #1a2c42

    Primary

    This is the "Primary" colour for your Site. The Colour Code is:

  • Secondary

    #0c1115

    Secondary

    This is the "Secondary" colour for your Site. The Colour Code is:

  • Default

    #fff

    Default

    This is the "Default" colour for your Site. The Colour Code is:

  • Muted

    #f7f7f7

    Muted

    This is the "Muted" colour for your Site. The Colour Code is:

  • Danger

    #be2f29

    Danger

    This is the "Danger" colour for your Site. The Colour Code is:

  • Warning

    #f9bf12

    Warning

    This is the "Warning" colour for your Site. The Colour Code is:

  • Open Sans

    class: uk-font-default

    Open Sans

    This is your site's "Default" font. It is used for body text. View and dowload this google font.

  • Archivo

    class: uk-font-primary

    Archivo

    This is your site's "Primary" font. It is used for section headings. View and dowload this google font.

  • Anton

    class: uk-font-tertiary

    Anton

    This is your site's "Tertiary" font. It is used in specialty headings. View and dowload this google font.

  • Muted

    class: uk-text-muted

    Muted

    This is your site's "Muted" text-style. It is used in sub-headings or for adding extra details.

  • Lead

    class: uk-text-lead

    Lead

    This is your site's "Lead" text-style. It is used in body text for emphasis.

Tools and Resources

Here are some great tools to help you with the usage of your website:

Your website was designed and built using the YooTheme Pro template and page builder for the Joomla Content Management System (CMS). YooTheme is a powerful tool that makes editing your content super easy. The builder is very intuitive and you shouldn't have any troubles at all adding, removing or adjusting text and images on your site. In case you do run into troubles though, you can find support documentation for YooTheme Pro here:

YOOTHEME Documentation

UIKit is one of the tools we have used to add style and functionality to the elements in your site. It can be very complex, but it can also be very simple - especially when combined with the YooTheme builder. For example, simply add uk-bold to the class field of a text element, and poof! Insta-bold.

If you are curious about how UIKit has been used in your website, have a look at the documentation here:

UIKIT Documentation

Fontawesome offers a massive selection of SVG Icons which can be incorporated into your site using the UIKit Icon component.

There are three collections of icons available from Fontawesome: Solid, Regular and Brands. Combined, these collections add over 1500 icons to the available UIKit icon options. To add an icon via uikit, use the naming convention "fa-solid-{icon-name}", "fa-regular-{icon-name}", or "fa-brands-{icon-name}" where {icon-name} is replaced with the name provided by Font awesome.

View a searchable list of available icons here:

Font Awesome Icons

If you need to resize your images before uploading them to your site there are plenty of free online image resizing tools at your disposal. Generally speaking, large header images should be 300kb or less. In-page images should be around 80kb or less. Remember, the larger the images on your page the slower it will load for your users.

Here is an effective image resizing tool that allows you to resize up to 100 images at one time and download them as a .zip file:

Services and Features

You new website comes with 5 hours of support*. This includes the time we need to walk you through the functionality of the site, as well as any other changes you need.

For any support that you need in excess of the included hours, you can access our service at $95.00/hr plus tax*:
  • Page structure creation or edit
  • Graphic Design
  • Photo Edits
  • General Website Design
  • User Management
  • Custom Coding

* A 0.5 Hr Minimum Applies on all services

Read more: Site Resouces

  • Hits: 272