/* ============================================================ NOMADBOLD — BUDDYBOSS / BUDDYPRESS RESKIN ============================================================ BuddyBoss (and the BuddyPress core it was forked from) render their own Activity / Members / Groups / Forums pages using their own default light-theme CSS — this is what produced the plain white "Sorry, there were no groups found" boxes on a dark NomadBold site. This file does NOT replace any BuddyBoss/BuddyPress template files — it only re-skins the standard, decade-old BuddyPress core selectors (#buddypress, .item-list-tabs, .bp-list, etc.) that BuddyBoss deliberately keeps for backward compatibility with existing themes. That means this works without needing to know BuddyBoss's newer internal class names, and it can't break any BuddyBoss functionality — worst case, a rule simply doesn't match and that one element stays in its default style. If, after uploading, anything still looks unstyled (default white/blue), send a screenshot or the page's "Inspect Element" output for that spot and it can be targeted directly — much cheaper than guessing further from here blind. ============================================================ */ body.buddypress, body.bp-user, body.bb-topic, body.single-forum, #buddypress, .buddypress-wrap { background: var(--black); color: var(--white); } #buddypress { max-width: 1320px; margin: 0 auto; padding: 40px 24px 80px; font-family: 'Jost', sans-serif; } .db-main #buddypress { max-width: none; width: 100%; margin: 0; padding: 0; float: none; display: block; } /* ── #buddypress: fully unconstrained wherever it holds the dashboard chrome ── Confirmed fixed: "Welcome back" lines up exactly with the sidebar, and "Log Out" lines up exactly with .db-main's own content edge. Do not touch .db-topbar-inner's padding again. */ #buddypress:has(.db-wrap) { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* The native PROFILE/TIMELINE tab bar (#object-nav) sits directly inside #buddypress, a full sibling of .db-wrap spanning the whole page width. Narrowed to a fixed max-width and auto-centered (instead of spanning full width), given a little breathing room from the top of the page, and its links centered within the box instead of left-aligned. Scoped to #object-nav specifically — NOT .item-list-tabs, which is the directory tab bar (Groups/Members) and should stay full width as before. */ #buddypress #object-nav, #buddypress [class*="main-nav"], #buddypress [class*="users-nav"] { max-width: 900px !important; width: auto !important; margin: 32px auto 24px !important; box-sizing: border-box !important; } #buddypress #object-nav ul, #buddypress [class*="main-nav"] ul { justify-content: center !important; } /* The gray View/Edit/Profile Photo/Cover Photo bar (#subnav), unlike #object-nav, is nested INSIDE .db-main — which already carries its own 36px right padding from dashboard.css (the same value that makes "Log Out" line up). Giving #subnav its own extra right margin on top of that double-inset it, pushing its right edge too far left — that was exactly the "gray bar's right side not aligned" symptom. Leave it with no side margin of its own so .db-main's own padding is the only inset, matching Log Out by construction, same as its left edge already correctly matches .db-main's left edge. */ #buddypress .bp-subnavs, #buddypress #subnav { margin: 0 0 24px 0 !important; box-sizing: border-box !important; } /* Move the tab bar all the way up on the profile page — kept for belt-and-suspenders; harmless now that #buddypress's own padding is already removed above when .db-wrap is present. Still relevant on other BuddyPress contexts (directories, groups) that don't have .db-wrap, where #buddypress's base padding above still applies. */ body.bp-user #buddypress { padding-top: 0 !important; } /* Confirmed fixed: this 36px right padding on .db-topbar-inner is what brought "Log Out" in to match .db-main's own 36px-inset content exactly. Do not touch again. */ body.buddypress .db-topbar-inner, body.bp-user .db-topbar-inner, body.bb-topic .db-topbar-inner, body.single-forum .db-topbar-inner { padding-right: 36px !important; box-sizing: border-box !important; } /* ── Redundant native profile banner ── #item-header is BuddyPress's own cover-photo/avatar/name banner. Our dashboard topbar already shows the same identity info (Welcome back / name / tier pill), so on member profile pages this native banner is pure redundant clutter — and when there's no cover photo/avatar set (as on this test account), it renders as a nearly-empty box whose own border/padding show up as a stray divider line with dead space above the tab bar. Hide it only on profile pages (body.bp-user) — group pages keep their own #item-header banner untouched. */ body.bp-user #item-header { display: none !important; } /* ── Generic theme-compat wrapper used on BuddyPress's own native pages ── BuddyPress renders on virtual, non-Page URLs (e.g. /members/username/…), so instead of the theme's dashboard page templates, WordPress falls back to the theme's generic "inner page" template — the same one used for ordinary blog posts, complete with its own title hero (section.nb-generic-hero) and its own padded content wrapper (section.nb-generic-content > div.nb-generic-content-inner). BOTH levels of that wrapper need their padding/width reset — confirmed via DevTools that the OUTER section.nb-generic-content alone was still carrying 48px/80.248px/90px of padding even after the inner div was already reset. */ body.buddypress .nb-generic-hero, body.bp-user .nb-generic-hero, body.bb-topic .nb-generic-hero, body.single-forum .nb-generic-hero { display: none !important; } body.buddypress .nb-generic-content, body.bp-user .nb-generic-content, body.bb-topic .nb-generic-content, body.single-forum .nb-generic-content, body.buddypress .nb-generic-content-inner, body.bp-user .nb-generic-content-inner, body.bb-topic .nb-generic-content-inner, body.single-forum .nb-generic-content-inner { display: block !important; max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; filter: none !important; } /* Belt-and-suspenders: kill any lingering shadow/glow inside the dashboard chrome itself on these page types. */ body.buddypress .db-wrap *, body.bp-user .db-wrap *, body.bb-topic .db-wrap *, body.single-forum .db-wrap * { box-shadow: none !important; filter: none !important; text-shadow: none !important; } /* Re-assert the dashboard's own text styling for the specific elements confirmed (or likely, given the same "container p/h*" pattern) to be getting overridden by the generic wrapper's blanket paragraph/heading rule. These values are copied directly from dashboard.css so they render identically to how they look on Community Forum / the main dashboard, regardless of what the generic wrapper tries to apply. */ .db-wrap .db-welcome { color: var(--gold-dim) !important; font-size: 15px !important; letter-spacing: 0.26em !important; text-transform: uppercase !important; margin-bottom: 6px !important; line-height: normal !important; } .db-wrap .db-name { color: var(--white) !important; font-family: 'Bebas Neue', sans-serif !important; font-size: clamp(28px, 4vw, 48px) !important; letter-spacing: 0.04em !important; line-height: 1 !important; } .db-wrap .db-section-sub { color: var(--gray) !important; font-size: 15px !important; line-height: normal !important; } .db-wrap .db-card-desc, .db-wrap .db-affiliate-desc, .db-wrap .db-download-meta, .db-wrap .db-upgrade-text { color: var(--gray) !important; font-size: 15px !important; } .db-wrap .db-nav-section { color: var(--gold-dim) !important; font-size: 9px !important; letter-spacing: 0.28em !important; text-transform: uppercase !important; } .db-wrap .db-nav-link { color: var(--gray-lt) !important; font-size: 15px !important; } .db-wrap .db-nav-link.active { color: var(--gold) !important; } #buddypress h1, #buddypress h2, #buddypress h3, #buddypress h4 { font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.04em; color: var(--white); } #buddypress a { color: var(--gold); } #buddypress a:hover { color: var(--gold-lt); } /* ── Directory tab bar (All Groups / My Groups / Create a Group, All Members, etc. — and the Profile/Timeline/Messages/… sub-nav) ── */ #buddypress .item-list-tabs, #buddypress .bp-navs, #buddypress .bp-subnavs { background: var(--charcoal); border: 0.5px solid var(--border); border-radius: var(--radius); box-shadow: none !important; filter: none !important; } #buddypress .item-list-tabs ul, #buddypress .bp-navs ul { display: flex; flex-wrap: wrap; list-style: none; } #buddypress .item-list-tabs ul li, #buddypress .bp-navs ul li { list-style: none; } #buddypress .item-list-tabs ul li a, #buddypress .bp-navs ul li a, #buddypress .bp-subnavs ul li a { display: inline-block; padding: 14px 18px; color: var(--gray-lt); font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; border-bottom: 2px solid transparent; } #buddypress .item-list-tabs ul li.selected a, #buddypress .item-list-tabs ul li.current a, #buddypress .bp-navs ul li.selected a, #buddypress .bp-navs ul li.current a { color: var(--gold); border-bottom-color: var(--gold); } /* Confirmed via inspect: the actual tab bar wrapper is