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