{"Status":true,"Message":"","Response":{"post":{"postuid":"n8w26n5ob4","tenantuid":"d8b744fc-2e70-4089-bb80-dd1d08f6c7b2","projectuid":"239698c5-f7eb-4574-8cc8-c6568f08b3a0","title":"Styling your Web Form","slug":"article/n8w26n5ob4-styling-your-web-form","html":"\u003Cp\u003EIf you include a DailyStory \u003Ca href=\u0022/article/5itiwxukqb-daily-story-web-forms\u0022\u003EWeb Form\u003C/a\u003E in a \u003Ca href=\u0022/article/z2l32rh39p-landing-pages\u0022\u003ELanding Page\u003C/a\u003E or embedded in your website, you may want to add custom CSS to style your form.\u003C/p\u003E\u003Cp\u003EThe table below provides some guidance on the CSS classes supported:\u003C/p\u003E\u003Ch3\u003ECustom CSS Classes\u003C/h3\u003E\u003Ctable border=\u00221\u0022 style=\u0022border-collapse: collapse; width: 100%;\u0022\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EClass\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003E\u003Cb\u003EDescription\u003C/b\u003E\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Ccode\u003Eds-form-layout\u003C/code\u003E\u003C/td\u003E\u003Ctd\u003EA \u003Ccode\u003E\u0026lt;div\u0026gt;\u003C/code\u003E that wraps the entire contents of the form.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Ccode\u003Eform-element\u003C/code\u003E\u003C/td\u003E\u003Ctd\u003EA \u003Ccode\u003E\u0026lt;div\u0026gt;\u003C/code\u003E that wraps each element in the form.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Ccode\u003Eds-cta-button\u003C/code\u003E\u003C/td\u003E\u003Ctd\u003EAdded the submit \u003Ccode\u003E\u0026lt;button\u0026gt;\u003C/code\u003E.\u003C/td\u003E\u003C/tr\u003E\u003C/table\u003E\u003Cp\u003EThe form additionally uses \u003Ca href=\u0022https://getbootstrap.com/\u0022 target=\u0022_blank\u0022\u003EBootstrap\u003C/a\u003E class names, such as \u003Ccode\u003Eform-control\u003C/code\u003E for styling form elements.\u003C/p\u003E","publish_status":0,"post_type":"Article","author":{},"featured_image_updating":false,"meta_description":"If you include a DailyStory Web Form in a Landing Page or embedded in your website, you may want to add custom CSS to style your form. The table below provides some guidance on the CSS classes supported: Custom CSS Classes Class Description ds-form-layout A \u0026lt;div\u0026gt; that wraps the entire contents of the form. form-element A \u0026lt;div\u0026gt; that wraps each element in the form. ds-cta-button Added the submit \u0026lt;button\u0026gt; . The form additionally uses Bootstrap class names, such as form-control ...","display_toc":true,"has_workingcopy":false,"allow_indexing":true,"sort_order":2,"total_views":683,"date_published":"2022-06-16T14:33:34","date_updated":"2025-05-16T19:15:11.893","date_created":"2025-04-24T15:02:21.5"}}}