Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Location: site_wide_header

Mobile Archive Filter Button CSS

/* === Mobile Filters Panel === */ @media (max-width: 768px) { #mobile-filters { position: fixed; top: 0; left: -100%; width: 80%; height: 100%; background: #fff; z-index: 9999; overflow-y: auto; transition: left 0.3s ease-in-out; box-shadow: 2px 0 10px rgba(0, 0, 0,…Continue reading

Mobile Filter for Archive Pages with Button

document.addEventListener(“DOMContentLoaded”, function () { const toggleBtn = document.querySelector(“.mobile-filter-toggle a, .mobile-filter-toggle button”); const filterPanel = document.getElementById(“mobile-filters”); if (toggleBtn && filterPanel) { const iconOn = toggleBtn.querySelector(“.toggle-icon-on”); const iconOff = toggleBtn.querySelector(“.toggle-icon-off”); // Toggle panel open/close toggleBtn.addEventListener(“click”, function (e) { e.preventDefault(); e.stopPropagation(); filterPanel.classList.toggle(“open”); const…Continue reading

Scroll to Top

.fl-post-title {display:none;} /* Scroll to Top Settings */ #toTop { display: none; position: fixed; bottom: 5px; right: 10px; width: 80px; height: 80px; opacity: 0.8; filter: alpha(opacity=40); /* For IE8 and earlier */ } #toTop:after { content: “\f343”; font-family: dashicons; color:…Continue reading

RAVER DOGS – HEADER V2 STYLESHEET

/* ================================================================= RAVER DOGS – HEADER V2 STYLESHEET ================================================================= */ /* — 1. Global & Body Styles — */ body { color: #FFFFFF; font-family: “brandon-grotesque”, sans-serif; font-size: 18px; font-weight: 700; /* Bolder font for menu */ line-height: 1.6; } /*…Continue reading

WordPress Database Table – Bestandskundenprocess Form – Dynamic Fetch, Table & Dropdown Logic – CSS

/** * ============================================================================ * STYLES FOR FLUENT FORM DYNAMIC DATA DISPLAY * ============================================================================ * @author Sumaiya Akter , Anytype Doc: anytype://object?objectId=bafyreigxqhjk7ppkjagyonytgieix5qxkkbhpmned743amh23csyrab6s4&spaceId=bafyreih4bocrmskuomcrks3sjwpnzxpbxvxwgto23vof3umg2fywdqzjmy.31bq39w6q8ru7&cid=bafybeifc55atash7zlqcjd3fv425bkwl7z5zstcxdilct5hstlng73xwci&key=6kKA3QiwnksqLbpcJ4T6UhmQ5BHzgJUfbpn1QLnkv5Lv * @description This stylesheet provides styling for the loading/error messages * and the dynamically generated employee data table used…Continue reading

WordPress Database Table – Bestandskundenprocess Form – Dynamic Fetch, Table & Dropdown Logic – JavaScript

/** * ============================================================================ * CLIENT-SIDE SCRIPT FOR FLUENT FORM AUTOFILL (GROUNDHOGG WP DB VERSION) * ============================================================================ * @author Sumaiya Akter , Anytype Doc: anytype://object?objectId=bafyreigxqhjk7ppkjagyonytgieix5qxkkbhpmned743amh23csyrab6s4&spaceId=bafyreih4bocrmskuomcrks3sjwpnzxpbxvxwgto23vof3umg2fywdqzjmy.31bq39w6q8ru7&cid=bafybeifc55atash7zlqcjd3fv425bkwl7z5zstcxdilct5hstlng73xwci&key=6kKA3QiwnksqLbpcJ4T6UhmQ5BHzgJUfbpn1QLnkv5Lv * @description This script runs in the user’s browser. It checks for specific * URL parameters,…Continue reading

Checkout Page – Expand Cart Summary

document.addEventListener(“DOMContentLoaded”, function () { const observer = new MutationObserver(function () { const toggleButton = document.querySelector(“.wc-block-components-checkout-order-summary__title”); if (toggleButton && toggleButton.getAttribute(“aria-expanded”) === “false”) { toggleButton.click(); observer.disconnect(); // stop observing once it’s expanded } }); observer.observe(document.body, { childList: true, subtree: true }); });Continue reading