Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Location: site_wide_header

Increase Dropdown Menu Width – Divi Themes

.et_pb_menu ul.sub-menu { width: 300px; /* Adjust this value to your desired width */ } /* Optional: Adjust width of individual list items and links within the dropdown */ .et_pb_menu ul.sub-menu li { width: 100%; /* Ensures list items take…Continue reading

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