css - WPCode Library

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

Slide Reposition Top Left v2

html div#om-{{id}} { top: 0px !important; bottom: unset !important; right: auto !important; margin-left: 20px !important; transition: top 0.3s ease 0s !important; }Continue reading

Slide Reposition Top Center v2

html div#om-{{id}} { top: 0px !important; bottom: unset !important; width: 350px !important; left: calc(350px / 2) !important; right: calc(350px / 2) !important; margin-left: auto !important; margin-right: auto !important; transition: top 0.3s ease 0s !important; }Continue reading

Type: css