WPCode).
* 2. Add New Snippet > paste this entire file's content.
* 3. Set "Code Type" to PHP Snippet.
* 4. Set "Insertion" to "Auto Insert" > Location doesn't matter here since
* the code hooks itself into wp_footer below — just Activate.
*
* OPTION B — Child theme functions.php:
* 1. Open your child theme's functions.php.
* 2. Paste everything BELOW the opening
Skip to content
4BE1E27E-346A-49F5-BB47-6699100C330E_1_105_c
Location
123 Example Street
San Francisco, CA 12345
Hours
Monday—Friday
8am — 6pm
Contact
hi@example.com
(123) 456-7890
Designed with WordPress
add_action( 'wp_footer', function () {
?>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800&display=swap');
@import url('https://fonts.cdnfonts.com/css/maharlika');
.lm-footer{
--navy:#022169;
--navy-deep:#01143f;
--lightblue:#bdd7ff;
--red:#b20000;
--line:rgba(255,255,255,.12);
background:var(--navy-deep);
color:#DCE4F2;
font-family:'Maharlika', sans-serif;
padding:56px 24px 0;
box-sizing:border-box;
}
.lm-footer *{box-sizing:border-box;}
.lm-footer a{color:inherit; text-decoration:none;}
.lm-footer-inner{max-width:1120px; margin:0 auto;}
.lm-footer-top{
display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;
gap:28px; padding-bottom:32px; border-bottom:1px solid var(--line);
}
.lm-name{font-family:'Playfair Display', serif; font-size:24px; font-weight:700; color:#fff; margin-bottom:6px;}
.lm-tagline{font-size:14px; color:#B9C4DC; max-width:340px; line-height:1.5;}
.lm-social-row{display:flex; gap:10px; flex-wrap:wrap;}
.lm-social{
width:40px; height:40px; border-radius:50%;
background:rgba(189,215,255,.12);
display:flex; align-items:center; justify-content:center;
transition:background .15s ease;
}
.lm-social:hover{background:var(--red);}
.lm-social svg{width:18px; height:18px; fill:var(--lightblue);}
.lm-social:hover svg{fill:#fff;}
.lm-footer-mid{
display:grid; grid-template-columns:1fr 1fr 1fr; gap:32px;
padding:32px 0; border-bottom:1px solid var(--line);
}
.lm-footer-mid h4{
font-family:'Playfair Display', serif; font-size:14px; font-weight:700;
letter-spacing:.5px; text-transform:uppercase; color:var(--lightblue); margin:0 0 14px;
}
.lm-footer-mid ul{list-style:none; margin:0; padding:0;}
.lm-footer-mid li{margin-bottom:9px; font-size:13.5px;}
.lm-footer-mid a:hover{color:var(--lightblue);}
.lm-footer-mid p{font-size:13.5px; line-height:1.6; color:#DCE4F2; margin:0 0 4px;}
.lm-footer-legal{
max-width:1120px; margin:0 auto; padding:26px 0 30px;
font-size:11.5px; line-height:1.7; color:#8393B8;
}
.lm-footer-legal p{margin:0 0 10px;}
.lm-footer-legal strong{color:#B9C4DC;}
.lm-footer-bottom-line{
border-top:1px solid var(--line); padding-top:16px; margin-top:16px;
display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px;
font-size:12px; color:#93A2C2;
}
.lm-footer-bottom-line a:hover{color:var(--lightblue);}
@media (max-width:820px){
.lm-footer-mid{grid-template-columns:1fr 1fr; row-gap:28px;}
}
@media (max-width:520px){
.lm-footer-mid{grid-template-columns:1fr;}
.lm-footer-bottom-line{flex-direction:column; text-align:center;}
}
Leave a Reply