/** * CONNECTZZ GLOBAL STYLES * Removes WordPress widget areas, sidebars, and ensures consistent styling * Include this in ALL future pages to prevent white bars and unwanted elements * * Usage: Add this link to the of any HTML page: * */ /* ============================================================ BRAND TOKENS — shared across every Connectzz page Reference these instead of hardcoding hex values in page CSS ============================================================ */ :root { --cz-green-dark: #0A3A2F; --cz-green-mid: #0d4535; --cz-gold: #C9A84C; --cz-cream: #F7F4EA; --cz-cream-dim: #A8C5B8; --cz-teal: #5DCAA5; --cz-font-body: 'Open Sans', sans-serif; --cz-font-heading: Georgia, serif; } /* ============================================================ SHARED RESET — every page currently repeats this per-wrapper ============================================================ */ .czm-wrap *, .czb-wrap *, .czf-wrap *, .czh-wrap *, .czo-wrap *, .czp-wrap *, .czc-wrap *, .czs-wrap *, .czl-wrap * { box-sizing: border-box; margin: 0; padding: 0; } /* ============================================================ SHARED PULSE ANIMATION — every page redefines an identical "live/active" pulsing-dot keyframe under its own prefix name ============================================================ */ @keyframes cz-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } } /* ============================================================ HIDE WORDPRESS WIDGET AREAS & SIDEBARS ============================================================ */ .footer-widgets, .footer-widget-area, .footer-widget, .widget-area, .sidebar, .primary-sidebar, .secondary-sidebar, #sidebar, #secondary, #tertiary, #primary-sidebar, .widget-section, .site-footer .widget, .site-footer > div:not(.footer), footer > div:not(.footer-container):not(.footer-bottom), .site-footer > section, .search-widget, .newsletter-widget, .subscription-area, .subscribe-box, .newsletter-signup, [class*="widget-"], [id*="widget-"], [class*="footer-widget"], [id*="footer-widget"], .wp-widget-area, .wp-sidebar { display: none !important; } /* ============================================================ HIDE COMMON WHITE BOX ELEMENTS ============================================================ */ /* Hide empty footer sections */ .footer-top, .footer-middle, .footer-container > div:empty, /* Hide search bars in footer */ .site-footer .search-form, .footer-search, .search-bar-footer, /* Hide newsletter boxes */ .newsletter-box, .email-signup, .subscribe-widget, /* Hide social widgets in footer */ .social-widget, .social-icons-footer { display: none !important; } /* ============================================================ ENSURE CONSISTENT FOOTER STYLING ============================================================ */ .site-footer, footer { background-color: #111827 !important; padding-top: 0 !important; margin-top: 0 !important; border-top: 2px solid #10b981 !important; } /* Ensure footer container spans full width */ .site-footer .footer-container, footer .footer-container, .footer { width: 100% !important; background-color: #111827 !important; } /* ============================================================ REMOVE WORDPRESS HEADER EXTRA ELEMENTS ============================================================ */ .site-header .widget, .site-header .widget-area, .header-widget, .header-search { display: none !important; } /* ============================================================ ENSURE FULL-WIDTH SECTIONS ============================================================ */ html, body { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ============================================================ HIDE WORDPRESS ADMIN BAR EFFECTS ============================================================ */ body.admin-bar { padding-top: 0 !important; } /* ============================================================ HIDE COMMON THEME EXTRA ELEMENTS ============================================================ */ /* Hide back-to-top buttons or floaters */ .back-to-top, .scroll-to-top, .floating-button, .sticky-element, /* Hide breadcrumbs if redundant */ .breadcrumbs, .breadcrumb-wrapper, /* Hide sidebar toggle/menu */ .sidebar-toggle, .menu-toggle, /* Hide extra header elements */ .header-extra, .header-widgets, /* Hide WP default elements */ .wp-custom-header, .custom-header { display: none !important; } /* ============================================================ ENSURE CONSISTENT BACKGROUND ============================================================ */ html { background-color: var(--cz-green-dark, #0A3A2F) !important; } body { background-color: var(--cz-green-dark, #0A3A2F) !important; } /* ============================================================ FIX COMMON MARGIN/PADDING ISSUES ============================================================ */ .site-content, .content, main, article, .entry-content, .page-content, #content, .content-area, .site-main { margin: 0 !important; padding: 0 !important; background-color: var(--cz-green-dark, #0A3A2F) !important; } /* ============================================================ REMOVE UNWANTED PLUGIN ELEMENTS ============================================================ */ /* Hide cookie notices (can replace with Connectzz consent) */ .cookie-notice, .cookie-banner, .gdpr-banner, .cookie-consent, /* Hide chat widgets */ .chat-widget, .support-chat, .intercom-launcher, /* Hide recommendation boxes */ .recommendation-box, .related-posts-widget, /* Hide "powered by" elements */ .powered-by, .theme-credit { display: none !important; } /* ============================================================ ENSURE NO WHITE GAPS/SPACES ============================================================ */ .page-wrapper, .site-wrapper, #page { background-color: var(--cz-green-dark, #0A3A2F) !important; padding: 0 !important; } /* ============================================================ MOBILE RESPONSIVE ============================================================ */ @media (max-width: 768px) { /* Hide extra sidebars on mobile */ .sidebar, .widget-area, #secondary { display: none !important; } /* Ensure full-width on mobile */ body, html { width: 100% !important; overflow-x: hidden !important; } } /* ============================================================ PRINT STYLES (OPTIONAL) ============================================================ */ @media print { /* Hide elements not needed in print */ .footer, footer, .navigation, nav { display: none !important; } }