adolforeyna/WFK_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add modern multi-column footer to the theme

Browse Source
This commit is contained in:
Adolfo Reyna
2026-03-13 00:39:25 -04:00
parent 2e7276597f
commit deab9649c2
2 changed files with 67 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
footer.php
View File

@@ -1,6 +1,54 @@
<footer id="colophon" class="site-footer bg-dark text-white py-4 mt-auto">
<div class="container text-center">
<p class="mb-0 opacity-75">&copy; <?php echo date('Y'); ?> <?php bloginfo('name'); ?></p>
<footer id="colophon" class="site-footer bg-dark text-light py-5 mt-auto">
<div class="container pb-3 mt-3">
<div class="row g-5 mb-5">
<div class="col-lg-5 col-md-12">
<div class="d-flex align-items-center gap-2 mb-3">
<div class="logo-icon border-white text-white">W</div>
<span class="fs-4 fw-bold font-serif text-white">Wisdom for the Kingdom</span>
</div>
<p class="small text-muted mb-0 font-sans lh-lg pe-lg-5">
A collection of biblical insights curated for the thoughtful leader. Seek truth, lead with grace,
and explore the ancient wisdom that powers modern impact.
</p>
</div>
<div class="col-lg-2 col-md-4 col-6">
<h5 class="text-white mb-4 fs-6 text-uppercase tracking-wider fw-bold font-sans">Explore</h5>
<ul class="list-unstyled mb-0 d-flex flex-column gap-3 small font-sans">
<li><a href="<?php echo esc_url(home_url('/')); ?>" class="footer-link">Home</a></li>
<li><a href="<?php echo esc_url(home_url('/articles/')); ?>" class="footer-link">Articles</a>
</li>
<li><a href="<?php echo esc_url(home_url('/series/')); ?>" class="footer-link">Series</a></li>
<li><a href="<?php echo esc_url(home_url('/about/')); ?>" class="footer-link">About</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-6">
<h5 class="text-white mb-4 fs-6 text-uppercase tracking-wider fw-bold font-sans">Legal</h5>
<ul class="list-unstyled mb-0 d-flex flex-column gap-3 small font-sans">
<li><a href="#" class="footer-link">Privacy Policy</a></li>
<li><a href="#" class="footer-link">Terms of Service</a></li>
<li><a href="#" class="footer-link">Cookie Policy</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-12">
<h5 class="text-white mb-4 fs-6 text-uppercase tracking-wider fw-bold font-sans">Connect</h5>
<ul class="list-unstyled mb-0 d-flex flex-column gap-3 small font-sans">
<li><a href="#" class="footer-link">Twitter</a></li>
<li><a href="#" class="footer-link">Facebook</a></li>
<li><a href="#" class="footer-link">Instagram</a></li>
<li><a href="#" class="footer-link">LinkedIn</a></li>
</ul>
</div>
</div>
<div class="pt-4 text-center text-md-start d-md-flex justify-content-between align-items-center"
style="border-top: 1px solid rgba(255,255,255,0.1);">
<p class="mb-0 small text-muted font-sans">&copy; <?php echo date('Y'); ?> <?php bloginfo('name'); ?>. All
rights reserved.</p>
<p class="mb-0 small text-muted font-sans mt-2 mt-md-0 d-none d-md-block">Designed with purpose.</p>
</div>
</div><!-- .container -->
</footer><!-- #colophon -->
</div><!-- #page -->

16
style.css
View File

@@ -279,4 +279,20 @@ a:hover {
color: var(--brand-gold-leaf);
opacity: 0.2;
line-height: 1;
}
/* --- 4. Custom Footer Styling --- */
.site-footer.bg-dark {
background-color: #0b1424 !important;
/* Very dark slate derived from Deep Midnight */
}
.footer-link {
color: #adb5bd;
text-decoration: none;
transition: color 0.2s ease-in-out;
}
.footer-link:hover {
color: var(--brand-gold-leaf);
}