Integrated SVG logo in header and footer

This commit is contained in:
Adolfo Reyna
2026-03-13 16:20:19 -04:00
parent 0eb83a8515
commit e9c6786450
3 changed files with 5 additions and 17 deletions

View File

@@ -3,7 +3,9 @@
<div class="row g-5 mb-5"> <div class="row g-5 mb-5">
<div class="col-lg-5 col-md-12"> <div class="col-lg-5 col-md-12">
<div class="d-flex align-items-center gap-2 mb-3"> <div class="d-flex align-items-center gap-2 mb-3">
<div class="logo-icon border-white text-white">W</div> <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/logo.svg'); ?>"
alt="<?php bloginfo('name'); ?>"
style="height: 50px; width: auto; filter: brightness(0) invert(1);">
<span class="fs-4 fw-bold font-serif text-white">Wisdom from the Kingdom</span> <span class="fs-4 fw-bold font-serif text-white">Wisdom from the Kingdom</span>
</div> </div>
<p class="small text-light mb-0 font-sans lh-lg pe-lg-5 opacity-75"> <p class="small text-light mb-0 font-sans lh-lg pe-lg-5 opacity-75">

View File

@@ -19,7 +19,8 @@
<nav class="navbar navbar-expand-lg navbar-light container py-3"> <nav class="navbar navbar-expand-lg navbar-light container py-3">
<a href="<?php echo esc_url(home_url('/')); ?>" <a href="<?php echo esc_url(home_url('/')); ?>"
class="navbar-brand fw-bold fs-4 d-flex align-items-center"> class="navbar-brand fw-bold fs-4 d-flex align-items-center">
<span class="text-primary me-2">W</span> <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/logo.svg'); ?>"
alt="<?php bloginfo('name'); ?>" class="me-2" style="height: 40px; width: auto;">
<span class="d-none d-sm-inline">Wisdom from the Kingdom</span> <span class="d-none d-sm-inline">Wisdom from the Kingdom</span>
</a> </a>

View File

@@ -181,21 +181,6 @@ a:hover {
} }
/* --- 3. Custom Brand Additions --- */ /* --- 3. Custom Brand Additions --- */
.logo-icon {
font-family: 'Playfair Display', serif;
font-size: 24px;
font-weight: bold;
border: 2px solid var(--brand-deep-midnight);
color: var(--brand-deep-midnight);
width: 40px;
height: 40px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
/* Comments Styling overrides for native wp_list_comments */ /* Comments Styling overrides for native wp_list_comments */
.comment-list { .comment-list {
list-style: none; list-style: none;