{"users":[{"id":680,"username":"Max","name":"","avatar_template":"/user_avatar/community.elfsight.com/max/{size}/710_2.png","flair_name":"admins","flair_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/1X/d1b27973db4f81abd897d6e44829e48aa25898a2.png","flair_group_id":1,"admin":true,"moderator":true,"trust_level":3},{"id":114949,"username":"Hillary_Crawford","name":"Hillary Crawford","avatar_template":"/user_avatar/community.elfsight.com/hillary_crawford/{size}/76354_2.png","trust_level":0},{"id":755,"username":"Sina","name":"Sina","avatar_template":"/user_avatar/community.elfsight.com/sina/{size}/59970_2.png","flair_name":"support-experts","flair_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/b/8b194c416728403734b6bba5064c658b10e9e445.png","flair_group_id":52,"trust_level":3},{"id":8546,"username":"Perry1","name":"Perry","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/p/8491ac/{size}.png","trust_level":1},{"id":2,"username":"Helga","name":"","avatar_template":"/user_avatar/community.elfsight.com/helga/{size}/1155_2.png","flair_name":"admins","flair_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/1X/d1b27973db4f81abd897d6e44829e48aa25898a2.png","flair_group_id":1,"admin":true,"moderator":true,"trust_level":4}],"primary_groups":[],"flair_groups":[{"id":1,"name":"admins","flair_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/1X/d1b27973db4f81abd897d6e44829e48aa25898a2.png","flair_bg_color":"","flair_color":""},{"id":52,"name":"support-experts","flair_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/b/8b194c416728403734b6bba5064c658b10e9e445.png","flair_bg_color":"","flair_color":""}],"topic_list":{"can_create_topic":false,"more_topics_url":"/c/css-codes/contact-form-form-builder/166?page=1","per_page":30,"top_tags":[],"topics":[{"fancy_title":"Align title to the center","id":140216,"title":"Align title to the center","slug":"align-title-to-the-center","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2025-10-01T17:29:39.582Z","last_posted_at":"2025-10-01T17:29:39.654Z","bumped":true,"bumped_at":"2025-10-01T17:29:39.654Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add this code to the Custom CSS field on the Style tab of your Event Calendar widget’s settings: \n[class*='WidgetTitle__Header-sc'] {\ntext-wrap: unset;\ntext-align: center;\n}","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":64,"like_count":1,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Make Smiley Scale field full-width","id":140215,"title":"Make Smiley Scale field full-width","slug":"make-smiley-scale-field-full-width","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2025-10-01T17:27:45.445Z","last_posted_at":"2025-10-01T17:27:45.520Z","bumped":true,"bumped_at":"2025-10-01T17:27:45.520Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add this code to the Custom CSS field on the Style tab of your Event Calendar widget’s settings: \n[class*='SmileyScale__SmilesContainer-sc'] {\ndisplay: flex;\njustify-content: space-between;*/\n}","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":69,"like_count":1,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Change link color in Consent block","id":140214,"title":"Change link color in Consent block","slug":"change-link-color-in-consent-block","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2025-10-01T17:25:11.193Z","last_posted_at":"2025-10-01T17:25:11.258Z","bumped":true,"bumped_at":"2025-10-01T17:25:11.258Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n[class*='FormFieldLayout__Element-sc'] a {\ncolor: red;\n}","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":41,"like_count":1,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Remove progress bar in multistep forms","id":140213,"title":"Remove progress bar in multistep forms","slug":"remove-progress-bar-in-multistep-forms","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2025-10-01T17:21:07.724Z","last_posted_at":"2025-10-01T17:21:07.785Z","bumped":true,"bumped_at":"2025-10-01T17:21:07.785Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n[class*="FormLayout__ProgressBarContainer-sc"] [class*="FormLayout__Steps-sc"],\n[class*="FormLayout__ProgressBarContainer-sc"] [class*="Fo…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":23,"like_count":1,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Change font size of subheadings in Progress Bar","id":47950,"title":"Change font size of subheadings in Progress Bar","slug":"change-font-size-of-subheadings-in-progress-bar","posts_count":3,"reply_count":1,"highest_post_number":3,"image_url":null,"created_at":"2024-04-17T12:13:31.005Z","last_posted_at":"2025-08-27T17:47:03.133Z","bumped":true,"bumped_at":"2025-08-27T17:47:03.133Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n[class*="FormLayout__PageTitle-sc"] {\n  font-size: 20px;\n}\n\n \nGuys, if this code was helpful to you, please drop a line in the comments. Y…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":110,"like_count":4,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":3,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1},{"extras":null,"description":"Frequent Poster","user_id":114949,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"Align the Image Choice to the center","id":115126,"title":"Align the Image Choice to the center","slug":"align-the-image-choice-to-the-center","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2025-04-19T02:43:35.866Z","last_posted_at":"2025-04-19T02:43:35.942Z","bumped":true,"bumped_at":"2025-04-19T02:43:35.942Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n[class*="ImageChoice__OptionsContainer-sc"]{\n\tjustify-content: center;\n}","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":86,"like_count":3,"has_summary":false,"last_poster_username":"Sina","category_id":166,"op_like_count":3,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":755,"primary_group_id":null,"flair_group_id":52}]},{"fancy_title":"Align the form to the left of the page","id":92631,"title":"Align the form to the left of the page","slug":"align-the-form-to-the-left-of-the-page","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2025-01-04T15:03:58.156Z","last_posted_at":"2025-01-04T15:03:58.210Z","bumped":true,"bumped_at":"2025-01-04T15:03:58.210Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add this code to the Custom CSS field on the Appearance tab of your Contact Form widget’s settings: \n[class*="Content__WidgetContainer-sc"] {\nmargin-left: 0 !important;\n}","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":110,"like_count":4,"has_summary":false,"last_poster_username":"Sina","category_id":166,"op_like_count":4,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":755,"primary_group_id":null,"flair_group_id":52}]},{"fancy_title":"Change size of Pane Reopen button on mobile","id":77639,"title":"Change size of Pane Reopen button on mobile","slug":"change-size-of-pane-reopen-button-on-mobile","posts_count":3,"reply_count":1,"highest_post_number":3,"image_url":null,"created_at":"2024-10-22T13:44:44.325Z","last_posted_at":"2024-12-12T11:27:46.578Z","bumped":true,"bumped_at":"2024-12-12T11:27:46.578Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n@media screen and (max-width: 600px) {\n.global-styles, .es-forms-floating-button {\nfont-size: 15px !important;\n}\n\n.global-styles, .es-form…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":69,"like_count":1,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1},{"extras":null,"description":"Frequent Poster","user_id":8546,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"Block weekends for the selection in datepicker","id":47946,"title":"Block weekends for the selection in datepicker","slug":"block-weekends-for-the-selection-in-datepicker","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-04-17T12:03:39.472Z","last_posted_at":"2024-04-17T12:03:39.534Z","bumped":true,"bumped_at":"2024-12-12T10:41:47.473Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n.global-styles,\n.react-calendar__month-view__days__day--weekend {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n \nGuys, if this code was help…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":104,"like_count":2,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":2,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Change color of Submit button on hover","id":77654,"title":"Change color of Submit button on hover","slug":"change-color-of-submit-button-on-hover","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-10-22T14:20:10.185Z","last_posted_at":"2024-10-22T14:20:10.246Z","bumped":true,"bumped_at":"2024-12-11T18:35:18.765Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n[class*="ButtonBase__ButtonContainer-sc"]:hover {\nbackground-color: black !important;\ntransition: all 0.5s ease-out;\n}\n\n \nGuys, if this co…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":121,"like_count":0,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Make Datepicker smaller on mobile view","id":87616,"title":"Make Datepicker smaller on mobile view","slug":"make-datepicker-smaller-on-mobile-view","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-12-08T10:37:53.272Z","last_posted_at":"2024-12-08T10:37:53.323Z","bumped":true,"bumped_at":"2024-12-09T11:15:00.169Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add this code to the Custom CSS field on the Appearance tab of your Formbuilder widget’s settings: \n@media(max-width: 500px){\n  .global-styles, [class^="DatepickerLayout-sc"] {\n  transform: scale(0.85);\n  margin-top:-65p…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":33,"like_count":1,"has_summary":false,"last_poster_username":"Sina","category_id":166,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":755,"primary_group_id":null,"flair_group_id":52}]},{"fancy_title":"Change background and text color in Dropdown fields","id":77655,"title":"Change background and text color in Dropdown fields","slug":"change-background-and-text-color-in-dropdown-fields","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-10-22T14:22:08.922Z","last_posted_at":"2024-10-22T14:22:08.975Z","bumped":true,"bumped_at":"2024-10-22T14:22:08.975Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n[class*="Dropdown__Select"], [class*="Dropdown__Select"] option {\ncolor: red;\nbackground-color: green !important;\n}\n\n \nGuys, if this code …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":68,"like_count":0,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Change error message text color","id":23375,"title":"Change error message text color","slug":"change-error-message-text-color","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2023-10-24T09:41:30.723Z","last_posted_at":"2023-10-24T09:41:30.786Z","bumped":true,"bumped_at":"2024-10-22T14:12:42.994Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to Custom CSS field on your Form widget’s Appearance tab: \n[class^="FormLayout__Error"],[class^="FormFieldLayout__Error"] {\ncolor: rgb(143,0,255);\n}\n[class^='FormFieldLayout__Container-sc-']:has([class…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":201,"like_count":0,"has_summary":false,"last_poster_username":"Helga","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":2,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Display 2 fields and 2 images on 1 row and reduce the field height on mobile","id":77651,"title":"Display 2 fields and 2 images on 1 row and reduce the field height on mobile","slug":"display-2-fields-and-2-images-on-1-row-and-reduce-the-field-height-on-mobile","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-10-22T14:06:28.205Z","last_posted_at":"2024-10-22T14:06:28.249Z","bumped":true,"bumped_at":"2024-10-22T14:06:28.249Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n@media(max-width: 550px) {\n[class^="FieldsGrid__Row-sc"] {\ndisplay: inline-flex;\n}\n[class*="ImageOption__Item-sc"] {\nwidth: 120px;\nmargin:…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":48,"like_count":0,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Change padding on the sides on mobile","id":77650,"title":"Change padding on the sides on mobile","slug":"change-padding-on-the-sides-on-mobile","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-10-22T14:04:22.683Z","last_posted_at":"2024-10-22T14:04:22.730Z","bumped":true,"bumped_at":"2024-10-22T14:04:22.730Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n@media(max-width: 550px) {\n[class*="WidgetBackground__Container-sc"] {\npadding: 30px !important;\n}\n}\n\n \nGuys, if this code was helpful to …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":75,"like_count":1,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Change height of the fields and Submit button","id":77648,"title":"Change height of the fields and Submit button","slug":"change-height-of-the-fields-and-submit-button","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-10-22T14:02:53.216Z","last_posted_at":"2024-10-22T14:02:53.285Z","bumped":true,"bumped_at":"2024-10-22T14:02:53.285Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n[class*='TextControlBase__TextControlBaseContainer-sc'] {\npadding: 42px 16px !important;\n}\n\n[class*='ButtonBase__ButtonContainer-sc'] {\nhe…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":49,"like_count":0,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Display floating pane form at the center of the page","id":77644,"title":"Display floating pane form at the center of the page","slug":"display-floating-pane-form-at-the-center-of-the-page","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-10-22T13:55:40.914Z","last_posted_at":"2024-10-22T13:55:40.973Z","bumped":true,"bumped_at":"2024-10-22T13:55:40.973Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n.global-styles,\n[class*="eapps-form-builder"].es-portal-root\n[class*="Pane__PaneContent-sc"] {\nheight: 600px;\nleft: 50%;\ntop: 50%;\ntransfo…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":32,"like_count":0,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Display Floating Pane form like Popup with Modal layout","id":77643,"title":"Display Floating Pane form like Popup with Modal layout","slug":"display-floating-pane-form-like-popup-with-modal-layout","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-10-22T13:54:28.430Z","last_posted_at":"2024-10-22T13:54:28.476Z","bumped":true,"bumped_at":"2024-10-22T13:54:28.476Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n.global-styles,\n[class*='Pane__PaneContent-sc'] {\ntop: 50%;\nleft: 50%;\nright: auto;\nbottom: 0;\nopacity: 1;\nborder-radius: 24px;\ntransform:…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":36,"like_count":0,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Align Consent field to the center","id":77641,"title":"Align Consent field to the center","slug":"align-consent-field-to-the-center","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-10-22T13:51:24.801Z","last_posted_at":"2024-10-22T13:51:24.849Z","bumped":true,"bumped_at":"2024-10-22T13:51:24.849Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n[class*='FieldsGrid__Grid-sc'] > :last-child {\nmargin: 0 auto;\n}\n\n \nGuys, if this code was helpful to you, please drop a line in the comme…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":28,"like_count":0,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Add dividers","id":77640,"title":"Add dividers","slug":"add-dividers","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-10-22T13:49:14.373Z","last_posted_at":"2024-10-22T13:49:14.421Z","bumped":true,"bumped_at":"2024-10-22T13:49:14.421Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n[class*='FieldsGrid__Row-sc']:nth-child(2),\n[class*='FieldsGrid__Row-sc']:nth-child(3),\n[class*='FieldsGrid__Row-sc']:nth-child(10) {\nbord…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":52,"like_count":0,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Align Smiley Scale to center","id":77637,"title":"Align Smiley Scale to center","slug":"align-smiley-scale-to-center","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-10-22T13:42:57.822Z","last_posted_at":"2024-10-22T13:42:57.873Z","bumped":true,"bumped_at":"2024-10-22T13:42:57.873Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n[class*='SmileyScale__SmilesContainer-sc'] {\ndisplay: flex;\njustify-content: center;\nalign-items: center;\n}\n\n \nGuys, if this code was help…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":90,"like_count":0,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Change size of Pane Reopen Button","id":77635,"title":"Change size of Pane Reopen Button","slug":"change-size-of-pane-reopen-button","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-10-22T13:41:31.405Z","last_posted_at":"2024-10-22T13:41:31.457Z","bumped":true,"bumped_at":"2024-10-22T13:41:31.457Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n.global-styles,\n.es-forms-floating-button {\nwidth: 80px;\nheight: 80px;\nborder-radius: 50% !important;\n}\n\n \nGuys, if this code was helpful …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":20,"like_count":0,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Change background color of Success Message box","id":60206,"title":"Change background color of Success Message box","slug":"change-background-color-of-success-message-box","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-07-05T11:37:49.175Z","last_posted_at":"2024-07-05T11:37:49.228Z","bumped":true,"bumped_at":"2024-07-05T11:37:49.228Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n[class*="SubmitMessage__Container-sc"] {\n  background-color: red !important;\n}","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":46,"like_count":0,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Set custom font for all elements (Forms)","id":22930,"title":"Set custom font for all elements (Forms)","slug":"set-custom-font-for-all-elements-forms","posts_count":1,"reply_count":1,"highest_post_number":1,"image_url":null,"created_at":"2023-10-19T15:20:42.188Z","last_posted_at":"2023-10-19T15:20:42.238Z","bumped":true,"bumped_at":"2024-05-07T11:20:36.436Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Although we do provide a list of fonts for you to choose for your widget, you might happen to need a custom code. \nIf that is the case, add the code below to Custom CSS field on your Form widget’s Appearance tab: \n[class…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":251,"like_count":0,"has_summary":false,"last_poster_username":"Helga","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":2,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Align reCAPTCHA disclaimer to the center","id":47952,"title":"Align reCAPTCHA disclaimer to the center","slug":"align-recaptcha-disclaimer-to-the-center","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-04-17T12:15:55.063Z","last_posted_at":"2024-04-17T12:15:55.116Z","bumped":true,"bumped_at":"2024-04-17T12:15:55.116Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n[class^="Footer__WidgetFooter"] {\n  text-align: center;\n}\n\n \nGuys, if this code was helpful to you, please drop a line in the comments. Yo…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":79,"like_count":1,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Change dropdown arrow color","id":47951,"title":"Change dropdown arrow color","slug":"change-dropdown-arrow-color","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-04-17T12:14:49.480Z","last_posted_at":"2024-04-17T12:14:49.544Z","bumped":true,"bumped_at":"2024-04-17T12:14:49.544Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n[class*="FieldsGrid__Row"] svg {\n  fill: red;\n}\n\n \nGuys, if this code was helpful to you, please drop a line in the comments. Your feedbac…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":117,"like_count":3,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":3,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Display text in pane reopen button vertically","id":47943,"title":"Display text in pane reopen button vertically","slug":"display-text-in-pane-reopen-button-vertically","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2024-04-17T11:56:39.835Z","last_posted_at":"2024-04-17T11:56:39.893Z","bumped":true,"bumped_at":"2024-04-17T11:56:39.893Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to the Custom CSS field on your Form widget’s Appearance tab: \n.global-styles,\n[class*='ButtonBase__Ellipsis-sc'] {\n  writing-mode: vertical-rl;\n  text-orientation: upright;\n}\n\n.global-styles,\n[class*=…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":68,"like_count":0,"has_summary":false,"last_poster_username":"Max","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":680,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"RTL mode for embedded widgets","id":22997,"title":"RTL mode for embedded widgets","slug":"rtl-mode-for-embedded-widgets","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2023-10-20T07:25:49.601Z","last_posted_at":"2023-10-20T07:25:49.661Z","bumped":true,"bumped_at":"2024-04-05T18:13:01.323Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to Custom CSS field on your Form widget’s Appearance tab: \n[class*="WidgetBackground__Content"] * {\n  direction: rtl;\n  text-align: right;\n}","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":181,"like_count":0,"has_summary":false,"last_poster_username":"Helga","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":2,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Block weekend dates in datepicker","id":23377,"title":"Block weekend dates in datepicker","slug":"block-weekend-dates-in-datepicker","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2023-10-24T09:45:06.894Z","last_posted_at":"2023-10-24T09:45:06.959Z","bumped":true,"bumped_at":"2024-04-05T18:12:38.213Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to Custom CSS field on your Form widget’s Appearance tab: \n.global-styles,\n.react-datepicker__day:first-child,\n.react-datepicker__day:last-child{\n  pointer-events: none;\n  opacity: 0.5 !important;\n}","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":126,"like_count":0,"has_summary":false,"last_poster_username":"Helga","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":2,"primary_group_id":null,"flair_group_id":1}]},{"fancy_title":"Change button text color","id":23001,"title":"Change button text color","slug":"change-button-text-color","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":null,"created_at":"2023-10-20T07:59:20.673Z","last_posted_at":"2023-10-20T07:59:20.731Z","bumped":true,"bumped_at":"2024-04-05T18:12:09.333Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Add the code below to Custom CSS field on your Form widget’s Appearance tab: \n[class*="ButtonBase__ButtonContainer"] {\n  color: black !important;\n}","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":null,"tags":[],"tags_descriptions":{},"views":219,"like_count":0,"has_summary":false,"last_poster_username":"Helga","category_id":166,"op_like_count":0,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":2,"primary_group_id":null,"flair_group_id":1}]}]}}