OTSSigns/OTSSigns-Website
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

feat: Enhance footer layout with logo section and company name display

Browse Source
This commit is contained in:
Matt Batchelder
2026-02-22 12:20:30 -05:00
parent 83a78adafb
commit 2bf9e94112
2 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
theme/assets/css/main.css
View File

@@ -3417,6 +3417,14 @@ p:last-child { margin-bottom: 0; }
}
.footer-brand .logo-text { font-size: 1.5rem; color: #fff; }
.footer-logo-section { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.footer-logo-section .custom-logo-link img,
.footer-logo-section .custom-logo {
max-height: 60px !important;
width: auto !important;
}
.footer-company-name { display: flex; align-items: center; }
.footer-company-name .company-brand { font-size: 1.5rem; color: #fff; white-space: nowrap; }
.footer-tagline { font-size: .9rem; color: rgba(255,255,255,.5); margin-top: .75rem; margin-bottom: .5rem; }
.footer-location { font-size: .8rem; color: rgba(255,255,255,.8); }
.footer-location a { color: var(--color-primary); font-weight: 600; }

15
theme/blocks/index.php
View File

@@ -723,11 +723,16 @@ function oribi_render_site_footer() {
<div class="container">
<div class="footer-inner">
<div class="footer-brand">
<?php if ( has_custom_logo() ) : ?>
<?php the_custom_logo(); ?>
<?php else : ?>
<div class="logo-text"><strong>Oribi</strong> Tech</div>
<?php endif; ?>
<div class="footer-logo-section">
<?php if ( has_custom_logo() ) : ?>
<?php the_custom_logo(); ?>
<?php else : ?>
<div class="logo-text"><strong>Oribi</strong> Tech</div>
<?php endif; ?>
<div class="footer-company-name">
<div class="company-brand"><strong>Oribi</strong> Tech</div>
</div>
</div>
<p class="footer-tagline">Digital signage solutions that communicate, engage, and grow your business.</p>
<p class="footer-location">An <a href="https://oribi-tech.com">Oribi Technology Services</a> Company</p>
</div>