Mad Lib
.frm_madlib .frm_section_heading { display:flex; flex-wrap: wrap; align-items: flex-end; } .frm_madlib .frm_section_heading div { margin: 5px; } .frm_madlib .frm_section_heading div.no-right-margin { margin-right: 0px; }Continue reading
Type: css
Mad Lib
.frm_madlib .frm_section_heading { display:flex; flex-wrap: wrap; align-items: flex-end; } .frm_madlib .frm_section_heading div { margin: 5px; } .frm_madlib .frm_section_heading div.no-right-margin { margin-right: 0px; }Continue reading
Make “Follow on TikTok” Button Larger and Full Width.
.sb-feed-header-profile { display: none !important; } .sb-feed-header-btn-ctn { display: block !important; width: 100% !important; } .sb-feed-header-btn-ctn button { width: 100% !important; font-size: 20px !important; }Continue reading
Center and Enlarge the Play Icon for Thumbnails
.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
wordpress on-page confirmation message
.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
/* 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
How to Add Custom Code Snippets in WordPress
/* 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
Using the “Include Form Styling” Setting
/* 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
Creating Multi-Column Form Layouts With CSS Classes
/* 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
Progress Bar CSS
/* 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