diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index f325cfb..09774ed 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -32,6 +32,8 @@ params:
 
   # background image of the landing page
   background: "images/background.jpg"
+  # optional alignment of the background image
+  #background-position: center
 
   # Provide logos for your site. The inverted logo will be used in the initial
   # transparent navbar and the main logo will be used in the non-transparent navbar.
diff --git a/layouts/partials/sections/home.html b/layouts/partials/sections/home.html
index 2f825a7..0b4726f 100644
--- a/layouts/partials/sections/home.html
+++ b/layouts/partials/sections/home.html
@@ -1,7 +1,8 @@
 <div class="container-fluid home" id="home">
   <div
     class="background container-fluid"
-    style="background-image: url('{{ if .Site.Params.background }}{{ .Site.Params.background }}{{ else }}/assets/images/default-background.jpg{{ end }}');"
+    style="background-image: url('{{ if .Site.Params.background }}{{ .Site.Params.background }}{{ else }}/assets/images/default-background.jpg{{ end }}');
+           {{ if .Site.Params.background_position }}background-position: {{ .Site.Params.background_position }};{{ end }}"
   ></div>
   <div class="container content text-center">
     <img src="{{ if .Site.Params.author.image }}{{ .Site.Params.author.image }}{{ else }}/assets/images/default-avatar.png{{ end }}"