Fix button hover color in cover example

Replaced .btn-secondary class with .btn-light

diff --git a/site/content/docs/5.2/examples/cover/cover.css b/site/content/docs/5.2/examples/cover/cover.css
index 1b1c5407b2f76a139214f62dbd5f0c12927e3acf..2e7aef8f88c34f5dbe82d5c5b99a713cbe352d0d 100644 (file)
--- a/site/content/docs/5.2/examples/cover/cover.css
+++ b/site/content/docs/5.2/examples/cover/cover.css
@@ -4,9 +4,9 @@
 
 
 /* Custom default button */
-.btn-secondary,
-.btn-secondary:hover,
-.btn-secondary:focus {
+.btn-light,
+.btn-light:hover,
+.btn-light:focus {
   color: #333;
   text-shadow: none; /* Prevent inheritance from `body` */
 }

diff --git a/site/content/docs/5.2/examples/cover/index.html b/site/content/docs/5.2/examples/cover/index.html
index 34dc1c2b6408f5e5ef629d08d76fe604491c0c7b..80a73300df4e6f46af74b89810c0ce1aa998a38f 100644 (file)
--- a/site/content/docs/5.2/examples/cover/index.html
+++ b/site/content/docs/5.2/examples/cover/index.html
@@ -24,7 +24,7 @@ include_js: false
     <h1>Cover your page.</h1>
     <p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p>
     <p class="lead">
-      <a href="#" class="btn btn-lg btn-secondary fw-bold border-white bg-white">Learn more</a>
+      <a href="#" class="btn btn-lg btn-light fw-bold border-white bg-white">Learn more</a>
     </p>
   </main>