diff --git a/docs/configuring.md b/docs/configuring.md
index 6e08c5849b..e6d4474c06 100644
--- a/docs/configuring.md
+++ b/docs/configuring.md
@@ -29,7 +29,7 @@ All fields are optional, unless otherwise stated.
 **`title`** | `string` |  Required | Your dashboard title, displayed in the header and browser tab
 **`description`** | `string` | _Optional_ | Description of your dashboard, also displayed as a subtitle
 **`navLinks`** | `array` | _Optional_ | Optional list of a maximum of 6 links, which will be displayed in the navigation bar. See [`navLinks`](#pageinfonavlinks-optional)
-**`footerText`** | `string` | _Optional_ | Text to display in the footer (note that this will override the default footer content)
+**`footerText`** | `string` | _Optional_ | Text to display in the footer (note that this will override the default footer content). This can also include HTML and inline CSS
 
 #### `pageInfo.navLinks` _(optional)_
 
diff --git a/src/components/PageStrcture/Footer.vue b/src/components/PageStrcture/Footer.vue
index a5b0b4076b..3debd4f6a6 100644
--- a/src/components/PageStrcture/Footer.vue
+++ b/src/components/PageStrcture/Footer.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- User Footer -->
-  <footer v-if="text && text !== ''">{{text}}</footer>
+  <footer v-if="text && text !== ''" v-html="text"></footer>
   <!-- Default Footer -->
   <footer v-else>
       Developed by <a :href="authorUrl">{{authorName}}</a>.
@@ -14,6 +14,7 @@
 export default {
   name: 'Footer',
   props: {
+    text: String,
     authorName: { type: String, default: 'Alicia Sykes' },
     authorUrl: { type: String, default: 'https://aliciasykes.com' },
     license: { type: String, default: 'MIT' },
@@ -21,7 +22,6 @@ export default {
     date: { type: String, default: `${new Date().getFullYear()}` },
     showCopyright: { type: Boolean, default: true },
     repoUrl: { type: String, default: 'https://github.com/lissy93/dashy' },
-    text: String,
   },
 };
 </script>