Adds the ability to override the current css with a custom css file

exampleSite/config.toml

@@ -45,6 +45,7 @@ theme = "meghna-hugo"
 home= "Home"
 logo = "images/logo.png"
 gmapAPI = "https://maps.googleapis.com/maps/api/js?key=AIzaSyBI14J_PNWVd-m0gnUBkjmhoQyNyd7nllA"
+custom_css = ["css/custom.css"]
 
     # Banner Section
     [params.banner]

exampleSite/static/css/custom.css

@@ -0,0 +1 @@
+

layouts/partials/header.html

@@ -28,6 +28,10 @@
         <link rel="stylesheet" href="{{"plugins/slick-carousel/slick/slick-theme.css"|absURL}}">
 		{{"<!-- Main Stylesheet -->"|safeHTML}}
         <link rel="stylesheet" href="{{"css/style.css"|absURL}}">
+        {{ "<!-- Custom CSS -->" | safeHTML }}
+        {{ range .Site.Params.custom_css }}
+        <link rel="stylesheet" href="{{ . | absURL }}">
+        {{ end }}
 
     </head>
     {{"<!-- body start -->" | safeHTML}}