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
Type: css
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
Slide Reposition Top Right v2
html div#om-{{id}} { top: 0px !important; bottom: unset !important; transition: top 0.3s ease 0s !important; }Continue reading
Slide Reposition Bottom Center v2
html div#om-{{id}} { width: 350px !important; left: calc(350px / 2) !important; right: calc(350px / 2) !important; margin-left: auto !important; margin-right: auto !important; }Continue reading
Slide Reposition Left Center
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
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