Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Location: site_wide_header

Sugar Calendar: Match the header to match the main content

.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__body__content h4 { font-size: 16px !important; /* Adjust this value to match your desired body text size */ } /* To ensure the link inside also inherits */ .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__body__content h4 { font-weight: inherit !important; font-size: inherit…Continue reading

Group Booking Component

let currentId = null; //hello customElements.define(“mx-group-booking”, class extends HTMLElement { constructor() { super(); this.uuid = crypto.randomUUID(); this.timer = null; this.spinnerEl = null; } connectedCallback(){ if (currentId !== this.uuid) { currentId = this.uuid; this.spinnerEl = document.createElement(“div”); this.spinnerEl.style = “width:100%;height:500px;display:grid;place-items:center;”; const spinner…Continue reading

Calculator CSS

/* Rental Search Styles */ :root { –primary-bg: #fff; –disclaimer-bg: #000; –accent-gold: #D4AF36; –dark-input: #1C2526; –grey-input: #4A4A4A; –text-white: #fff; –text-black: #000; –text-light: #FFD700; –border-gray: #333; –blue-rental: #007BFF; –green-active: #28A745; –red-sold: #DC3545; –spacing: 1rem; –radius: 0.75rem; –max-width: 1600px; } .comps-wrap {…Continue reading

Sitewide – Page Load Spinner Styling (CSS)

/* Sitewide Page Load Spinner Wrapper */ #sitewide-loading-spinner { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ffffff; border: 2px solid #fe7650; border-radius: 12px; padding: 15px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); z-index: 9999; } /*…Continue reading