Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

NMDFX Admin bar, Dashboard, Edits & Custom CSS

/* HIDE Monster Icon */ .monsterinsights-quick-links, .monsterinsights-float-right { display: none!important; } #monsterinsights_reports_widget { padding: 50px 0; } #monsterinsights_reports_widget .ui-sortable-handle { display: none!important; } /* Replace plugin logo */ .monsterinsights-logo-area img { content: url(‘https://www.coverings.com/wp-content/uploads/2024/11/Nation-Media-Dashboard-FX.png’); /* Adjust size if needed */ width:…Continue reading

Horizontal Element Container Wrapper – CSS Layout

.horizontal-container { display: flex; /* Enables horizontal layout */ flex-wrap: wrap; /* Allows wrapping to the next row if needed */ gap: 20px; /* Space between elements */ justify-content: flex-start; /* Aligns items at the start */ } .horizontal-container >…Continue reading

floating-monsterlink-2.css

/* — Floating MonsterLink Style 2 CSS — —————————————— */ .floating-monsterlink.style2.show { bottom: 30px; } .floating-monsterlink.style2 { margin: 0; width: auto; border-radius: 10px; display: inline-block; position: absolute; bottom: -160px; left: 30px; width: 180px; padding: 10px 20px; background-color: #eaeaea; border: 7px…Continue reading

floating-monsterlink-1.css

/* — Floating MonsterLink Style 1 CSS — —————————————— */ .floating-monsterlink.style1.show { right: 30px; } .floating-monsterlink.style1 { margin: 0; width: auto; border-radius: 10px; display: inline-block; position: absolute; bottom: 30px; right: -350px; width: 160px; padding: 10px 10px 10px 60px; background-color: #eaeaea;…Continue reading

raver dogs slider overlay test

/* For your main slide headlines */ h1.slide-title { text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); } /* For your slide sub-text */ p.slide-description { text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.6); }Continue reading

Creating a Form With Floating Labels (copy)

form#wpforms-form-1682 { position: relative; } form#wpforms-form-1682 .floating label:nth-of-type(2) { display: none; } .floating input { position: relative; min-height: 65px; padding: 15px 10px 10px 15px !important; } .floating textarea { position: relative; min-height: 200px; padding: 35px 15px 15px 15px !important; }…Continue reading

Slide Reposition Left Center v2

html div#om-{{id}} { left: 0 !important; height: 540px !important; top: calc(540px / 2) !important; bottom: calc(540px / 2) !important; margin-top: auto !important; margin-bottom: auto !important; animation: 1s ease-out 0s 1 slideInFromLeft; } @keyframes slideInFromLeft { 0% { transform: translateX(-100%); }…Continue reading

Slide Reposition Right Center v2

html div#om-{{id}} { margin-right: -20px !important; height: 540px !important; top: calc(540px / 2) !important; bottom: calc(540px / 2) !important; margin-top: auto !important; margin-bottom: auto !important; animation: 1s ease-out 0s 1 slideInFromRight; } @keyframes slideInFromRight { 0% { transform: translateX(100%); }…Continue reading