Integrated SVG logo in header and footer
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
15
style.css
15
style.css
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user