Join 2,000,000+ Professionals who use WPCode to Future-Proof Their Websites!
.sb-post-item .sb-post-item-play { bottom: 3rem; color: #fff; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; position: absolute } .sb-post-item .sb-post-item-play svg { height: 40px; width: 40px; }Continue reading
.wpforms-confirmation-container-full { color: #D2A336; margin: 0 0 24px 0; background: #000000; border: 1px solid #D2A336; padding: 15px 15px; }Continue reading
/* Adding a background image to your forms. Original doc link: https://wpforms.com/docs/how-to-add-a-background-image-in-wpforms/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ .wpf-custom-background { background-image: url(/path/wpforms-backdrop.png) !important; padding: 15px 35px !important; /*Padding is optional, but improves appearance when using a background image in your…Continue reading
/* Modify the login URL to redirect to a custom login page. Original doc link: https://wpforms.com/how-to-add-custom-code-snippets-in-wordpress/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ .wpforms-container input[type=radio] { -webkit-appearance: radio !important; -moz-appearance: radio !important; appearance: radio !important; } .wpforms-container input[type=checkbox] { -webkit-appearance: checkbox…Continue reading
/* When using Base styling and multi-column, use this CSS to correct the column layout. Original doc link: https://wpforms.com/docs/how-to-choose-an-include-form-styling-setting/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ .wpforms-field { clear: both !important; }Continue reading
/* Multi-column layout with conditional fields Original doc link: https://wpforms.com/docs/how-to-create-multi-column-form-layouts-in-wpforms/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ .wpforms-conditional-hide { position: absolute !important; left: -9999px !important; height: 0 !important; overflow: hidden !important; } .wpforms-conditional-hide * { visibility: hidden !important; }Continue reading
/* Base style for the progress bar container */ .bar-group { position: relative; height: 30px; width: 100%; background: #333; /* Dark background for visibility */ border-radius: 15px; overflow: hidden; margin: 10px 0; /* Space between bars */ } /* Dynamic…Continue reading
.header-navigation .menu .menu-item:hover { background: url(https://ecommerce-base-1.instawp.xyz/wp-content/uploads/2024/05/Plan-De-Travail-14_7png.webp) no-repeat; background-size: contain; background-position: center; transition: 0.5s; }Continue reading
.chat-form-control { max-height: 90px; font-size: 2rem; line-height: 1.5; border-radius: 0.25rem; background-color: #f7f7f9; border-color: #e1e3e6; box-shadow: none; width: 100%!important; max-width: 100%!important; transition: box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out; resize: vertical; }Continue reading
div.kodex_buttons { margin-top: -40px; /* Reduced top and bottom padding */ margin-bottom: -20px; /* Reduced top and bottom padding */ border: 0px solid #ccc; /* Add a border to see the effect */ } span.icon { display: inline-block; /* Adjust…Continue reading