j.foucher/AsterionWP2026
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(footer): align nav-menu links with column heading + restore tagline visibility

Browse Source 
Adds wp_head CSS overrides to fix two issues :
1. Footer nav-menu links (under Solutions / Company / Legal columns) were
   indented ~40px due to the browser's default <ul> padding-left. Zero it
   out so links align with the gold eyebrow heading above them.
2. Brand tagline "Your Last Mistake Should Be in VR." was using
   var(--color-text-tertiary) which renders too dark on the navy footer.
   Force rgba(255,255,255,0.65) for visible muted-white.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
j.foucher
2026-05-14 21:07:10 +02:00
parent 094fdbea51
commit a795fb345f
1 changed files with 36 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
tools/av-fix-footer-headings.php
View File

@@ -12,6 +12,42 @@
*/
defined('ABSPATH') || exit;
/* -----------------------------------------------------------------
CSS overrides : reset <ul> default padding-left on footer nav-menus
so links align with their column heading. Also restore tagline color
that was inheriting too-dark var(--color-text-tertiary).
----------------------------------------------------------------- */
add_action('wp_head', function () {
?>
<style id="av-footer-overrides">
/* Footer nav-menu : remove default <ul> padding-left so links align with
the column heading (otherwise they look indented by ~40px). */
#brx-footer .bricks-nav-menu {
padding-left: 0 !important;
margin: 0 !important;
list-style: none !important;
}
#brx-footer .bricks-nav-menu li {
padding-left: 0 !important;
margin-left: 0 !important;
list-style: none !important;
}
#brx-footer .bricks-nav-menu > li {
padding: 0.25rem 0 !important;
}
#brx-footer .bricks-nav-menu > li > a {
padding: 0 !important;
font-size: 0.9rem;
line-height: 1.55;
}
/* Brand tagline : ensure it stays light/visible on the dark footer bg. */
#brxe-ftrtagln {
color: rgba(255, 255, 255, 0.65) !important;
}
</style>
<?php
}, 999);
add_action('template_redirect', function () {
if (! in_array($_SERVER['SERVER_NAME'] ?? '', ['localhost', '127.0.0.1'], true)) return;
if (empty($_GET['av_fix_footer_headings'])) return;