Added feature to customize hover links color in footer (daattali#848)

skulshreshtha · Oct 10, 2021 · 757044f · 757044f
1 parent d0928cb
commit 757044f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -16,6 +16,7 @@
 - Added Reddit in share options of posts (#815)
 - Fixed bug where staticman didn't work jQuery slim version is used (#766)
 - Fixed very long strings to wrap around the next line rather than go off-screen (#787)
+- Added `footer-hover-col` config setting to customize the hover colour of links in the footer (#848)
 
 ## v5.0.0 (2020-09-15)
 

diff --git a/_config.yml b/_config.yml
@@ -110,6 +110,7 @@ hover-col: "#0085A1"
 footer-col: "#EAEAEA"
 footer-text-col: "#777777"
 footer-link-col: "#404040"
+footer-hover-col: "#0085A1"
 
 # Alternatively, the navbar, footer, and page background can be set to an image
 # instead of colour

diff --git a/assets/css/beautifuljekyll.css b/assets/css/beautifuljekyll.css
@@ -389,6 +389,11 @@ footer a {
   color: {{ site.footer-link-col | default: "#404040" }};
 }
 
+footer a:hover,
+footer a:focus {
+  color: {{ site.footer-hover-col | default: "#0085A1" }};
+}
+
 footer .list-inline {
   margin: 0;
   padding: 0;