added option to add custom style.css

2 files changed, 13 insertions, 0 deletions

diff --git a/README.md b/README.md
index 7b29915..81c39bf 100644
--- a/README.md
+++ b/README.md
@@ -114,6 +114,16 @@ Get the ID of the YouTube video and add it to `youtubeId`. Make sure you delete
   youtubeId = "dk9uNWPP7EA"
 ```
 
+##### Add Custom CSS
+
+Put custom css styles in static/css/style.css and enable this css in the config:
+
+```toml
+[[params.custom.css]]
+  enable = true
+```
+
+
 ##### Additional settings
 
 Set `mute` to `true` if you want the video to play muted and `false` if you want the sound. The video is coded to autoplay and loop. If you want to change that the code can be found in [`layouts/partials/video.html`](//github.com/escalate/hugo-split-theme/tree/master/layouts/partials/video.html).
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index d2bf4bd..ba88970 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -24,6 +24,9 @@
 <!-- Styles -->
 <link rel="stylesheet" href="{{ "assets/css/split.css" | absURL }}" type="text/css" media="screen" />
 <meta name="viewport" content="width=device-width,initial-scale=1" />
+{{ if .Site.Params.custom.css.enable }}
+<link rel="stylesheet" href="{{ "css/style.css" | absURL }}" type="text/css" media="screen" />
+{{ end }}
 
 <!-- Image Styles -->
 {{ if .Site.Params.visual.image.enable }}