{"id":125,"date":"2026-02-14T11:24:19","date_gmt":"2026-02-14T11:24:19","guid":{"rendered":"https:\/\/designsuite.securesofts.com\/?post_type=docs&#038;p=125"},"modified":"2026-02-15T04:21:15","modified_gmt":"2026-02-15T04:21:15","password":"","slug":"paragraph","status":"publish","type":"docs","link":"https:\/\/designsuite.securesofts.com\/docs\/paragraph\/","title":{"rendered":"Paragraph"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Overview<\/h4>\n\n\n\n<p>The <strong>Paragraph<\/strong> widget in DesignSute allows you to add rich, formatted text content anywhere on your website using a powerful WYSIWYG editor. Whether you&#8217;re creating blog-style content blocks, service descriptions, feature explanations, or detailed sections \u2014 this widget gives you full control over structure and styling.<\/p>\n\n\n\n<p>With built-in alignment options and separate typography &amp; color controls for headings, text, and lists, you can design clean and professional content areas without writing custom CSS.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Key Features<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WYSIWYG (What You See Is What You Get) editor<\/li>\n\n\n\n<li>Add formatted text, headings, and lists<\/li>\n\n\n\n<li>Text alignment control<\/li>\n\n\n\n<li>Separate typography settings for:\n<ul class=\"wp-block-list\">\n<li>Headings<\/li>\n\n\n\n<li>Paragraph text<\/li>\n\n\n\n<li>Lists<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Custom color controls<\/li>\n\n\n\n<li>Responsive design support<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Perfect for:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>About sections<\/li>\n\n\n\n<li>Service descriptions<\/li>\n\n\n\n<li>Feature explanations<\/li>\n\n\n\n<li>Blog-style layouts<\/li>\n\n\n\n<li>FAQ content blocks<\/li>\n<\/ul>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">How to Activate the Paragraph Widget<\/h4>\n\n\n\n<p>Before using the Paragraph widget, make sure it is enabled from the DesignSute Dashboard.<\/p>\n\n\n\n<p><strong>Steps to Enable:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>DesignSute \u2192 Dashboard \u2192 Widgets (Tab)<\/strong> in your WordPress dashboard.<\/li>\n\n\n\n<li>Locate the <strong>Paragraph<\/strong> widget.<\/li>\n\n\n\n<li>Toggle it ON.<\/li>\n\n\n\n<li>Save changes if required.<\/li>\n<\/ol>\n\n\n\n<p>Now, the Paragraph widget is ready to use in Elementor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-switcher.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1449\" height=\"552\" src=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-switcher.png\" alt=\"\" class=\"wp-image-127\" srcset=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-switcher.png 1449w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-switcher-300x114.png 300w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-switcher-1024x390.png 1024w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-switcher-768x293.png 768w\" sizes=\"(max-width: 1449px) 100vw, 1449px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">How to Add a Paragraph Widget in Elementor<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open your page in the <strong>Elementor Editor<\/strong>.<\/li>\n\n\n\n<li>In the Elementor panel, search for <strong>\u201cParagraph\u201d<\/strong> under DesignSute widgets.<\/li>\n\n\n\n<li>Drag and drop the widget into your desired section or column.<\/li>\n\n\n\n<li>Start editing your content using the built-in editor.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el.png\"><img decoding=\"async\" width=\"1623\" height=\"356\" src=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el.png\" alt=\"\" class=\"wp-image-128\" srcset=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el.png 1623w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-300x66.png 300w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-1024x225.png 1024w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-768x168.png 768w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-1536x337.png 1536w\" sizes=\"(max-width: 1623px) 100vw, 1623px\" \/><\/a><\/figure>\n\n\n\n<p>Your Paragraph widget is now ready to customize.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Content Settings<\/h4>\n\n\n\n<p>The Content tab allows you to insert and structure your text using a rich text editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-content.png\"><img decoding=\"async\" width=\"1592\" height=\"721\" src=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-content.png\" alt=\"\" class=\"wp-image-130\" srcset=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-content.png 1592w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-content-300x136.png 300w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-content-1024x464.png 1024w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-content-768x348.png 768w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-content-1536x696.png 1536w\" sizes=\"(max-width: 1592px) 100vw, 1592px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Available Options:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>WYSIWYG Editor<\/strong> \u2013 Add and format your content directly inside the editor. You can:\n<ul class=\"wp-block-list\">\n<li>Add headings (H1\u2013H6)<\/li>\n\n\n\n<li>Create paragraphs<\/li>\n\n\n\n<li>Insert bullet or numbered lists<\/li>\n\n\n\n<li>Add bold, italic, or linked text<\/li>\n\n\n\n<li>Structure content clearly<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Alignment<\/strong> \u2013 Choose how your content aligns:\n<ul class=\"wp-block-list\">\n<li>Left<\/li>\n\n\n\n<li>Center<\/li>\n\n\n\n<li>Right<\/li>\n\n\n\n<li>Justified (if available)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>These options allow you to structure your content clearly and professionally.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Style Settings<\/h4>\n\n\n\n<p>The Style tab gives you complete control over the visual appearance of your content.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-style.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1602\" height=\"1121\" src=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-style.png\" alt=\"\" class=\"wp-image-131\" srcset=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-style.png 1602w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-style-300x210.png 300w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-style-1024x717.png 1024w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-style-768x537.png 768w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-style-1536x1075.png 1536w\" sizes=\"(max-width: 1602px) 100vw, 1602px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Heading Style<\/strong><\/p>\n\n\n\n<p>Customize all heading elements (H1\u2013H6) inside the editor:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Typography<\/strong> \u2013 Font family, size, weight, line height, letter spacing<\/li>\n\n\n\n<li><strong>Color<\/strong> \u2013 Set heading text color<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Text Style<\/strong><\/p>\n\n\n\n<p>Control regular paragraph text:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Typography<\/strong> \u2013 Adjust readability and spacing<\/li>\n\n\n\n<li><strong>Color<\/strong> \u2013 Set paragraph text color<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>List Style<\/strong><\/p>\n\n\n\n<p>Style bullet or numbered lists separately:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Typography<\/strong> \u2013 Customize list text styling<\/li>\n\n\n\n<li><strong>Color<\/strong> \u2013 Set list item color<\/li>\n<\/ul>\n\n\n\n<p>These separate styling controls allow you to create a clean content hierarchy and improve readability across your website.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Advanced Settings<\/h4>\n\n\n\n<p>The Advanced tab provides additional layout and design flexibility.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-advanced.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1576\" height=\"719\" src=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-advanced.png\" alt=\"\" class=\"wp-image-129\" srcset=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-advanced.png 1576w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-advanced-300x137.png 300w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-advanced-1024x467.png 1024w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-advanced-768x350.png 768w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/paragraph-el-advanced-1536x701.png 1536w\" sizes=\"(max-width: 1576px) 100vw, 1576px\" \/><\/a><\/figure>\n\n\n\n<p>Here you can configure:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Margin &amp; Padding<\/li>\n\n\n\n<li>Background options<\/li>\n\n\n\n<li>Border &amp; box shadow<\/li>\n\n\n\n<li>Responsive visibility<\/li>\n\n\n\n<li>Motion effects<\/li>\n\n\n\n<li>Custom positioning<\/li>\n<\/ul>\n\n\n\n<p>Use these options to refine spacing and enhance the overall design presentation.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Final Outcome<\/h4>\n\n\n\n<p>Congratulations! \ud83c\udf89<\/p>\n\n\n\n<p>You\u2019ve successfully configured the <strong>DesignSute Paragraph Widget<\/strong> to create structured, readable, and beautifully styled content sections. With rich text editing and detailed typography controls, you can now design professional content blocks that match your website\u2019s branding perfectly.<\/p>\n\n\n\n<p>If you need further assistance, feel free to contact our support team.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview The Paragraph widget in DesignSute allows you to add rich, formatted text content anywhere on your website using a powerful WYSIWYG editor. Whether you&#8217;re creating blog-style content blocks, service descriptions, feature explanations, or detailed sections \u2014 this widget gives you full control over structure and styling. With built-in alignment options and separate typography &amp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[8],"doc_tag":[],"class_list":["post-125","docs","type-docs","status-publish","hentry","doc_category-general-widgets"],"year_month":"2026-05","word_count":491,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"DesignSuit","author_nicename":"designsuit_admin2025","author_url":"https:\/\/designsuite.securesofts.com\/author\/designsuit_admin2025\/"},"doc_category_info":[{"term_name":"General Widgets","term_url":"https:\/\/designsuite.securesofts.com\/docs-category\/general-widgets\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/docs\/125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/comments?post=125"}],"version-history":[{"count":6,"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/docs\/125\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/docs\/125\/revisions\/138"}],"wp:attachment":[{"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/media?parent=125"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/doc_category?post=125"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/doc_tag?post=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}