Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

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

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

Sitewide CSS Updates

.user-profile-badge img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); border: 3px solid #fff; transition: transform 0.3s ease; } .user-profile-badge img:hover { transform: scale(1.05); } #weather-widget { transition: transform 0.3s ease;…Continue reading

Coloured hyperlinks

/* Simple Hyperlink Styles for Posts Only */ /* Target links specifically in post content areas */ .entry-content a, .post-content a, article a, .content a, .single-post a, .blog-post a { color: #006400; /* Dark green for unvisited links */ text-decoration:…Continue reading

Custom hyperlinks

/* ========================================================================== WPCODE CUSTOM HYPERLINK STYLES Add this CSS code to WPCode as a “CSS Snippet” ========================================================================== */ /* Default link styles – applies to all links */ a { color: #0073aa; /* Link color – change to your preferred…Continue reading

lokalstolz Form Website

.wrapper-full { display: flex !important; justify-content: center; align-items: center; height: 100vh; padding: 15px; } .wrapper-form { width: 75%; } @media (max-width: 1119px) { .wrapper-form { width: 100%; } } .shortcode { width: 100%; }Continue reading

lokalstolz GravityForms

/* Grundstil für alle Textfelder */ body .gform_wrapper input[type=”text”], body .gform_wrapper input[type=”email”], body .gform_wrapper input[type=”url”], body .gform_wrapper input[type=”tel”], body .gform_wrapper input[type=”number”], body .gform_wrapper input[type=”password”], body .gform_wrapper select, body .gform_wrapper textarea { background: transparent; border: none; border-bottom: 1px solid #dbdbdb; border-radius:…Continue reading