Type: css
Tag Bubble
.speech-bubble { position: relative; background: #00aabb; border-radius: .4em; } .speech-bubble:after { content: ”; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 2px solid transparent; border-right-color: #00aabb; border-left: 0; margin-top: -2px; margin-left: -2px; }Continue reading
CSS for Bootstrap modal
Open Modal × Modal Header Some text in the modal. CloseContinue reading
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
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