{"id":14,"date":"2021-11-21T15:14:19","date_gmt":"2021-11-21T15:14:19","guid":{"rendered":"http:\/\/10.28.24.60\/index.php\/about\/"},"modified":"2026-09-23T20:23:32","modified_gmt":"2026-09-24T00:23:32","slug":"about","status":"publish","type":"page","link":"https:\/\/yourlivelyhome.com\/index.php\/about\/","title":{"rendered":"About"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:wght@600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\/* ylh-page-theme v1: fixes the same header\/footer\/nav\/social-icon\/Amazon-\n   button\/base-page-background \"still white\" issue already fixed on\n   posts, category archives, and the homepage -- but those three all\n   deliver their CSS through mechanisms that don't reach a plain\n   WordPress Page at all: post_theme_v5.html\/home_style_v3.txt are each\n   embedded directly in their own one specific page's content, and\n   sitewide_widget_v5.html lives in the sidebar-1 widget area, which\n   WordPress only ever outputs on templates that actually have a sidebar\n   (single posts, category archives) -- confirmed live that it's\n   completely absent from the DOM on About\/Contact Us\/Privacy Policy\/\n   Terms of Service\/Newsletter, every one of which is an ast-no-sidebar\n   template. This file is prepended directly into each of those five\n   pages' own content instead, the same \"embed it in the content itself\"\n   approach as post_theme_v5.html\/home_style_v3.txt, just without any of\n   the archive\/post\/home-specific content styling (hero bands, article\n   cards, sidebar widgets) those two also carry -- a generic Page's own\n   body content (headings, paragraphs, whatever Elementor renders) is\n   deliberately left untouched here; only the site-wide chrome that's\n   identical on every page (header, footer, nav, social icons, the\n   Amazon button, the base page canvas) is covered. *\/\n:root{\n  --ylh-bg:#F5F0E6;--ylh-card:#FFFDF8;--ylh-ink:#332E27;--ylh-body:#5A5248;--ylh-muted:#8A8072;\n  --ylh-border:#E4DCC8;--ylh-shadow:0 12px 40px rgba(0,0,0,0.10);\n  --ylh-btn-ink:#2A1B10;\n}\nhtml.ylh-dark{\n  --ylh-bg:#1C1C1B;--ylh-card:#2A2A28;--ylh-ink:#F3E4CC;--ylh-body:#C4AF92;--ylh-muted:#8F7A61;\n  --ylh-border:#3E3E3B;--ylh-shadow:0 12px 40px rgba(0,0,0,0.5);\n}\n\/* --ylh-accent is deliberately left undefined here (see the base page\n   canvas rule below) -- there is no per-category accent concept on a\n   plain Page, and the one place that would reference it (the decorative\n   dot-pattern background) degrades safely to a flat cream with no dots\n   when it's unset, exactly like on sitewide_widget_v5.html's own\n   equivalent rule. *\/\n.ast-primary-header-bar{background:var(--ylh-bg)!important;border-color:var(--ylh-border)!important;}\n.site-title,\n.site-title a,\n.ast-search-icon a svg{color:var(--ylh-ink)!important;fill:var(--ylh-ink)!important;}\n\/* Nav link color: the old selector never matched the real DOM (there's a\n   <nav> and a wrapping <div> between .main-header-bar-navigation and the\n   real <ul>) -- real class is .menu-link, shared by top-level and\n   dropdown items alike. *\/\n.main-header-menu .menu-link{color:var(--ylh-ink)!important;font-weight:500;}\n.main-header-menu > .menu-item > .menu-link:hover,\n.main-header-menu > .menu-item.current-menu-item > .menu-link{color:#D96C3F!important;}\n.ast-header-navigation-arrow svg path,\n.menu-item .ast-icon svg path{fill:var(--ylh-ink)!important;}\n.main-header-menu .sub-menu{\n  background:var(--ylh-card)!important;\n  border:1px solid var(--ylh-border)!important;\n  border-radius:18px!important;\n  box-shadow:var(--ylh-shadow)!important;\n  padding:12px!important;\n}\n.main-header-menu .sub-menu .menu-link{\n  color:var(--ylh-body)!important;\n  padding:11px 16px!important;\n  border-radius:10px!important;\n  font-weight:500;\n  transition:background .15s ease,color .15s ease;\n}\n.main-header-menu .sub-menu .menu-link:hover{\n  background:rgba(217,108,63,0.18);\n  color:var(--ylh-ink)!important;\n}\n#menu-item-2372 > .sub-menu .menu-link{padding:11px 16px!important;}\n\/* Twitter -> X rebrand, via CSS mask (no Customizer REST endpoint exists\n   for Astra's built-in social-icon glyph set). Size is set separately per\n   header\/footer wrapper (below), not hardcoded here -- Astra itself sizes\n   the header's real social SVGs at 26px and the footer's at a smaller\n   18px, confirmed live; a single fixed size here made the masked X icon\n   bigger than the untouched Facebook icon specifically in the footer. *\/\n.ast-twitter svg{display:none!important;}\n.ast-twitter .ahfb-svg-iconset{\n  display:inline-block;\n  background-color:var(--ylh-ink);\n  -webkit-mask-image:url(\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A\/\/www.w3.org\/2000\/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.901%201.153h3.68l-8.04%209.19L24%2022.846h-7.406l-5.8-7.584-6.638%207.584H.474l8.6-9.83L0%201.154h7.594l5.243%206.932ZM17.61%2020.644h2.039L6.486%203.24H4.298Z%22\/%3E%3C\/svg%3E\");\n  mask-image:url(\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A\/\/www.w3.org\/2000\/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18.901%201.153h3.68l-8.04%209.19L24%2022.846h-7.406l-5.8-7.584-6.638%207.584H.474l8.6-9.83L0%201.154h7.594l5.243%206.932ZM17.61%2020.644h2.039L6.486%203.24H4.298Z%22\/%3E%3C\/svg%3E\");\n  -webkit-mask-size:contain;mask-size:contain;\n  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;\n  -webkit-mask-position:center;mask-position:center;\n}\n.ast-header-social-1-wrap .ast-twitter .ahfb-svg-iconset{width:26px;height:26px;}\n.ast-footer-social-1-wrap .ast-twitter .ahfb-svg-iconset{width:18px;height:18px;}\n.ast-facebook svg path{fill:var(--ylh-ink)!important;}\n\/* Amazon header button: Astra's own outline-style button uses a fixed\n   Customizer global palette color (--ast-global-color-4, near-white)\n   for both text and border with a transparent background -- invisible\n   against a light-mode header. Solid brand-cyan fill instead (see\n   post_theme_v5.html for the full explanation; same fix, same reasoning,\n   duplicated here since this is its own separate file for these five\n   pages, not post_theme_v5.html\/sitewide_widget_v5.html). *\/\n.ast-header-button-1 .ast-custom-button{\n  background:var(--ast-global-color-0)!important;\n  color:var(--ylh-btn-ink)!important;\n  border-color:var(--ast-global-color-0)!important;\n}\n.ast-header-button-1 .ast-custom-button:hover{\n  background:var(--ast-global-color-1)!important;\n  border-color:var(--ast-global-color-1)!important;\n}\nhtml.ylh-dark img[src*=\"site-logo.png\"]{content:url(\"https:\/\/yourlivelyhome.com\/wp-content\/uploads\/2026\/09\/site-logo-white-earth.png\")!important;}\n.site-footer,\n.site-primary-footer-wrap,\n.site-footer-below-section-1,\n.site-below-footer-wrap{background:var(--ylh-card)!important;color:var(--ylh-body)!important;}\n.footer-widget-area a,\n.ast-footer-copyright,\n.ast-footer-copyright a,\n.footer-bar-navigation a{color:var(--ylh-body)!important;}\n.ast-footer-copyright hr,\n.ast-footer-copyright p:nth-of-type(2){display:none!important;}\n\n\/* Base page canvas: cream instead of Astra's raw white default, wherever\n   a page's own content (an Elementor section, an archive card, etc.)\n   doesn't already cover it. The decorative dot pattern uses --ylh-accent,\n   which is intentionally undefined outside body.archive\/category-X (see\n   above) -- on a plain Page that just makes this one declaration inert\n   (invalid at computed-value time, silently ignored), leaving the flat\n   cream background intact with no dots, a safe, deliberate degrade. *\/\nbody{\n  background:var(--ylh-bg)!important;\n  background-image:radial-gradient(circle,color-mix(in srgb,var(--ylh-accent) 14%,transparent) 1.4px,transparent 1.4px)!important;\n  background-size:22px 22px!important;\n}\n#primary,\n.ast-container{background:transparent;}\n\/* The dark\/light toggle button itself -- this rule was missed when this\n   file was first extracted from sitewide_widget_v5.html (it lived much\n   further down that file, past the archive-only content rules, outside\n   the header\/footer\/nav\/social\/Amazon-button range that got copied\n   here), so the toggle button the script below creates rendered with no\n   styling at all on every one of these five pages -- a plain unstyled\n   default <button>, not the intended fixed circular control, easy to\n   miss entirely at the bottom-right corner. *\/\n#ylh-theme-toggle{position:fixed;bottom:24px;right:24px;z-index:999;width:52px;height:52px;border-radius:50%;border:2px solid var(--ylh-border);background:var(--ylh-card);box-shadow:var(--ylh-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;}\n<\/style>\n<script>\n(function(){\n  function applyTheme(dark){\n    document.documentElement.classList.toggle('ylh-dark', dark);\n    var sun = document.getElementById('ylh-icon-sun'), moon = document.getElementById('ylh-icon-moon');\n    if (sun && moon) { sun.style.display = dark ? 'none' : 'block'; moon.style.display = dark ? 'block' : 'none'; }\n  }\n  var saved = null;\n  try { saved = localStorage.getItem('ylh-theme'); } catch (e) {}\n  var dark = saved === 'dark';\n  applyTheme(dark);\n\n  function wireToggle(btn){\n    btn.addEventListener('click', function () {\n      dark = !dark;\n      applyTheme(dark);\n      try { localStorage.setItem('ylh-theme', dark ? 'dark' : 'light'); } catch (e) {}\n    });\n  }\n  var existing = document.getElementById('ylh-theme-toggle');\n  if (existing) {\n    wireToggle(existing);\n  } else {\n    var btn = document.createElement('button');\n    btn.id = 'ylh-theme-toggle';\n    btn.setAttribute('aria-label', 'Toggle dark mode');\n    btn.title = 'Toggle dark mode';\n    btn.innerHTML = '<svg id=\"ylh-icon-sun\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E0A939\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><path d=\"M12 1v2M12 21v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M1 12h2M21 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4\"\/><\/svg><svg id=\"ylh-icon-moon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F3E4CC\" stroke-width=\"2\" style=\"display:none;\"><path d=\"M21 12.8A9 9 0 1111.2 3 7 7 0 0021 12.8z\"\/><\/svg>';\n    document.body.appendChild(btn);\n    applyTheme(dark);\n    wireToggle(btn);\n  }\n})();\n<\/script>\n\n\n<style>\n\/* About Us content, rebuilt as plain classic-editor HTML+CSS -- this page\n   used to be rendered entirely by Elementor (a separate stored JSON tree\n   in postmeta, _elementor_data), which bypasses WordPress's normal\n   the_content() rendering path -- confirmed live that page_theme_v1.html's\n   header\/footer\/nav\/social-icon fixes (which work correctly on every\n   other page on the site) never reached this page for exactly that\n   reason, no matter how they were scoped. Converting to classic content\n   (same approach already used for the homepage) is what actually lets\n   page_theme_v1.html's shared fix reach this page at all, plus lets this\n   page's own content use the same design language (Fraunces headings,\n   cream\/card tokens, a photo hero band) as every other page instead of\n   Elementor's default styling. Reuses the exact same --ylh-* tokens\n   page_theme_v1.html already defines (loaded just before this block, same\n   page) -- no new tokens needed here. *\/\n.ylh-page-hero{\n  position:relative;\n  \/* Bigger hero, take 2 -- see post_theme_v5.html's .entry-header for the\n     full story: tying height to viewport height (the first attempt,\n     min-height:max(400px,55vh)) made the container's aspect ratio more\n     extreme as the viewport narrowed, forcing cover to crop away much\n     more of the photo's width on mobile than intended -- confirmed to\n     read as \"zoomed in.\" aspect-ratio ties height to the hero's own\n     width instead. width:100% is required, not decorative -- the same\n     real bug applies here: without it, aspect-ratio computes width from\n     min-height instead of height from width. justify-content:flex-end\n     (below) still anchors the title to the bottom regardless of height,\n     so this keeps clearing the floating header above it either way. *\/\n  width:100%;\n  aspect-ratio:16\/9;\n  min-height:320px;\n  \/* 600px was tight enough to cap in at completely ordinary desktop\n     widths (a real 16:9 height at 1280px alone is 720px) -- confirmed\n     live, this was quietly overriding the intended aspect-ratio and\n     cropping more than intended on every normal-to-large screen, not\n     just genuinely oversized ones. 900px only starts binding around\n     ~1600px width, which is what a real safety ceiling should do. *\/\n  max-height:900px;\n  display:flex;\n  flex-direction:column;\n  justify-content:flex-end;\n  padding:48px 64px 36px;\n  overflow:hidden;\n  isolation:isolate;\n  background-image:linear-gradient(0deg, rgba(15,15,14,0.82), rgba(15,15,14,0.18) 65%),\n    url('https:\/\/yourlivelyhome.com\/wp-content\/uploads\/2023\/03\/furniture-living-room-modern-998265.jpg');\n  background-size:cover;\n  background-position:center;\n}\n.ylh-page-hero h1{\n  position:relative;z-index:1;\n  color:#F3E4CC;\n  font-family:'Fraunces',serif;\n  font-weight:700;\n  font-size:44px;\n  margin:0;\n  line-height:1.15;\n}\n.ylh-page-section{max-width:900px;margin:0 auto;padding:56px 24px;}\n.ylh-page-card{\n  background:var(--ylh-card);\n  border:1px solid var(--ylh-border);\n  border-radius:24px;\n  box-shadow:var(--ylh-shadow);\n  padding:40px;\n  margin-bottom:28px;\n}\n.ylh-page-card p{\n  color:var(--ylh-body);\n  font-size:18px;\n  line-height:1.7;\n  margin:0;\n  text-align:center;\n}\n.ylh-page-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}\n@media (max-width:700px){.ylh-page-cols{grid-template-columns:1fr;}}\n.ylh-page-cols .ylh-page-card{margin-bottom:0;text-align:center;}\n.ylh-page-cols h3{\n  font-family:'Fraunces',serif;\n  font-weight:700;\n  color:var(--ylh-ink);\n  font-size:22px;\n  margin:0 0 14px;\n}\n.ylh-page-cols p{font-size:16px;}\n.ylh-page-disclaimer{\n  text-align:center;\n  color:var(--ylh-muted);\n  font-size:14px;\n  font-style:italic;\n  margin-top:8px;\n}\n<\/style>\n<div class=\"ylh-page-hero\">\n  <h1>About Us<\/h1>\n<\/div>\n<div class=\"ylh-page-section\">\n  <div class=\"ylh-page-card\">\n    <p>We&#8217;re a highly collaborative and supportive team, coming together on every project to ensure our viewers get the most options and best products to bring functionality and ambience to each home.<\/p>\n  <\/div>\n  <div class=\"ylh-page-cols\">\n    <div class=\"ylh-page-card\">\n      <h3>Our Mission<\/h3>\n      <p>Create the best outlet that gives the most value for our viewers, use business to inspire innovation and re-define the meaning of home.<\/p>\n    <\/div>\n    <div class=\"ylh-page-card\">\n      <h3>Our Values<\/h3>\n      <p>We strive to go above and beyond for our viewers no matter the challenge. We aim to deliver our very best work every single day across our site.<\/p>\n    <\/div>\n  <\/div>\n  <p class=\"ylh-page-disclaimer\">This site contains affiliate links, which means I may receive a small commission, at no cost to you, if you make a purchase through a link.<\/p>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>About Us We&#8217;re a highly collaborative and supportive team, coming together on every project to ensure our viewers get the most options and best products to bring functionality and ambience to each home. Our Mission Create the best outlet that gives the most value for our viewers, use business to inspire innovation and re-define the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yourlivelyhome.com\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yourlivelyhome.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yourlivelyhome.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yourlivelyhome.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yourlivelyhome.com\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":63,"href":"https:\/\/yourlivelyhome.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":2823,"href":"https:\/\/yourlivelyhome.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/2823"}],"wp:attachment":[{"href":"https:\/\/yourlivelyhome.com\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}