fix sidebar link color and text wrap link

jukent · May 28, 2024 · 244400b · 244400b
1 parent 1e69d07
commit 244400b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/css/custom.css b/css/custom.css
@@ -39,6 +39,10 @@ body {
   border-bottom-color: rgba(255, 255, 255, .25);
 }
 
+.nav-link {
+  color: white;
+}
+
 a.navbar-brand.nav-link.fw-bold.py-1.px-0.active {
   color: #413622 !important;
 }
@@ -97,8 +101,8 @@ a.navbar-brand.nav-link.fw-bold.py-1.px-0.active {
   z-index: 1050;
 }
 .overlay img {
-  max-height: 100%;
-  max-width: 100%;
+  max-height: 80%;
+  max-width: 80%;
 }
 
 

diff --git a/travel.html b/travel.html
@@ -180,7 +180,7 @@ <h4 class="mt-3"><i class="fas fa-bus"></i> Busses and Shuttles:</h3>
     </div> 
     <div class="overlay" onclick="closeOverlay()">
       <img src="" alt="Expanded Image">
-  </div> 
+    </div> 
 
     <div id="lodging" style="padding-top:60px">
       <h3 class="mt-3">Lodging</h3>
@@ -206,7 +206,7 @@ <h4 class="mt-3"><i class="fas fa-bed"></i> The A-Lodge</h4>
           <div>
             <h4 class="mt-3"><i class="fas fa-bed"></i> Stonemountain Lodge</h4>
             <p>Straightforward, warm rooms.</p>
-            <p><a href="https://stonemountainlodgeandcabins.client.innroad.com/" class="text-body-secondary">https://stonemountainlodgeandcabins.client.innroad.com/</a></p>
+            <p style="word-wrap: break-word"><a href="https://stonemountainlodgeandcabins.client.innroad.com/" class="text-body-secondary">https://stonemountainlodgeandcabins.client.innroad.com/</a></p>
             <p><i class="fas fa-map-marker-alt"></i>
               <a href="https://www.google.com/maps/place/18055+N+St+Vrain,+Lyons,+Colorado" class="text-body-secondary" target="_blank">18055 N St Vrain Dr, Lyons</a>
             </p>