Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Location: site_wide_header

Adding a Clear Button to Reset All Fields in Your Form

document.addEventListener(‘DOMContentLoaded’, function() { // Change the form ID to match your WPForms form ID var form = document.getElementById(‘wpforms-form-10’); if (form) { var clearButton = document.createElement(‘button’); clearButton.type = ‘button’; clearButton.innerText = ‘Clear’; clearButton.class = ‘custom-btn’; clearButton.style.marginTop = ’10px’; clearButton.classList.add(‘custom-clear-button’); form.appendChild(clearButton); clearButton.addEventListener(‘click’,…Continue reading

MVNO Table Verizon[CSS]

/* General Table Styling */ .verizon-mvno-table { border-collapse: separate; border-spacing: 0; width: 100%; margin: 20px auto; font-family: Arial, sans-serif; } .verizon-mvno-comparison-table { width: 100%; border: none; /* Make table lines invisible */ } .verizon-mvno-table-header-row { background-color: #f5f7f9; color: #333; font-weight:…Continue reading

[T-MO] Network Metric Cards CSS

/*────────────────────────────────────────────────────────────── LightSpeed Metrics Cards – final align spec (2025-05-31) ──────────────────────────────────────────────────────────────*/ /* 1 ▸ GENERAL ————————————————*/ .ls-lp-container{display:flex;flex-direction:column;gap:41px;margin:40px 0;} .ls-lp-card{position:relative;border-radius:20px;padding:30px 50px;overflow:visible!important;} .ls-lp-tmobile-card{background:#E20074;color:#000;} .ls-lp-usmobile-card{background:#1a1a1a;color:#fff;} .ls-lp-carrier-name{font:700 36px/1.1 sans-serif;margin:0;color:#fff!important;} .ls-lp-coverage-location{font-size:14px;margin:4px 0 0;} .ls-lp-collapsed-row{display:flex;align-items:center;justify-content:space-between;gap:20px;} .ls-lp-left-col{display:flex;flex-direction:column;align-items:flex-start;} .ls-lp-center-col{display:flex;gap:30px;flex:1;} .ls-lp-right-col{display:flex;align-items:center;gap:20px;} /* 2 ▸ METRICS ———————————————–*/ .ls-lp-metric-box{flex:1 1 0;min-width:0;display:flex;justify-content:center;} .ls-lp-metric-inner{display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;}…Continue reading

Reddit Embed CSS Snippets

/* Parent container for Reddit embeds */ .reddit-embed-container { display: flex; flex-wrap: nowrap; /* Ensure all embeds stay in one row */ justify-content: space-between; /* Space them out evenly */ gap: 1em; /* Add space between embeds */ max-width: 100%;…Continue reading

[VZ] Network Metrics Cards CSS

/* —————————————————————— Base container & card styles (shared with T‑Mobile / US Mobile) —————————————————————— */ .ls-lp-container { display: flex; flex-direction: column; gap: 40px; margin: 40px 0; } .ls-lp-card { position: relative; border-radius: 20px; padding: 30px 50px; overflow: visible !important; color: #000;…Continue reading

T-Mobile MVNOs Table [CSS]

.tmo_mvno_pricing-container { max-width: 1200px; margin: auto; padding: 20px; } .tmo_mvno_pricing-container h1 { text-align: center; margin-bottom: 20px; } /* Table Responsive Wrapper */ .tmo_mvno_pricing-responsive { width: 100%; overflow-x: auto; margin-bottom: 20px; background: #fff; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0,…Continue reading

[AT&T] Network Metrics Card CSS

/* Row Styling for ATT and Darkstar */ .att-darkstar-metrics-row { display: flex; justify-content: space-around; /* Evenly distribute cards */ align-items: stretch; /* Ensure all cards have equal height */ gap: 12px; /* Reduced space between cards */ margin: 20px 0;…Continue reading