{"id":884,"date":"2025-01-18T10:43:34","date_gmt":"2025-01-18T10:43:34","guid":{"rendered":"https:\/\/documentation.iqonic.design\/streamit\/?p=884"},"modified":"2025-02-03T06:15:45","modified_gmt":"2025-02-03T06:15:45","slug":"section-title","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/streamit\/2025\/01\/18\/section-title\/","title":{"rendered":"Section Title"},"content":{"rendered":"<div class=\"nolwrap\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"945\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/01\/streamit-theme-section-title-widget.png\" alt=\"Section Title image\" class=\"wp-image-885\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Section Title<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Title Options<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong>: Add the main title for the section.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Subtitle<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Subtitle<\/strong>: Toggle (Yes\/No) to enable or disable a subtitle.\n<ul class=\"wp-block-list\">\n<li>If <strong>Yes<\/strong>, configure the following:\n<ul class=\"wp-block-list\">\n<li><strong>Add Subtitle<\/strong>: Input the subtitle text.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Description<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Description<\/strong>: Toggle (Yes\/No) to enable or disable the section description.\n<ul class=\"wp-block-list\">\n<li>If <strong>Yes<\/strong>, configure the following:\n<ul class=\"wp-block-list\">\n<li><strong>Add Description<\/strong>: Input the description text.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Enable Texture Title<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Enable Texture Title<\/strong>: Toggle (Yes\/No) to enable or disable textured titles.\n<ul class=\"wp-block-list\">\n<li>If <strong>Yes<\/strong>, configure the following:\n<ul class=\"wp-block-list\">\n<li><strong>Choose Title Image<\/strong>: Upload an image to give texture to the title.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Title Tag<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Title Tag<\/strong>: Select the HTML tag for the title from the dropdown (Options: H1 to H6).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Styling for Widget<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"945\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/01\/streamit-theme-section-title-widget-styling.png\" alt=\"\" class=\"wp-image-887\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title Box<\/strong> <strong>section<\/strong>\n<ul class=\"wp-block-list\">\n<li>The <strong>Title Box<\/strong> section provides options to style the container, including background, border, padding, and margin settings. The same settings apply to the <strong>Normal<\/strong> and <strong>Hover<\/strong> states.<\/li>\n\n\n\n<li><strong>Background<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Background Type<\/strong>: Choose the type of background for the title box.\n<ul class=\"wp-block-list\">\n<li><strong>Color<\/strong>: Select a solid color.<\/li>\n\n\n\n<li><strong>Gradient<\/strong>: Apply a gradient as the background.<\/li>\n\n\n\n<li><strong>Image<\/strong>: Upload an image as the background.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Border<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Set Custom Border?<\/strong>: Toggle (Yes\/No) to enable or disable border settings.\n<ul class=\"wp-block-list\">\n<li>If <strong>Yes<\/strong>, configure the following:\n<ul class=\"wp-block-list\">\n<li><strong>Border Style<\/strong>: Select the type of border (e.g., none, solid, dashed, dotted).<\/li>\n\n\n\n<li><strong>Border Color<\/strong>: Choose the border color.<\/li>\n\n\n\n<li><strong>Border Width<\/strong>: Set the border width for each side (top, right, bottom, left). Values can be linked or adjusted individually.<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Adjust the border radius to create rounded or sharp corners. Values can be linked or adjusted individually.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Spacing<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Add spacing outside the element (top, right, bottom, left). Values can be linked for uniform margins or adjusted individually.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Add spacing inside the element (top, right, bottom, left). Values can be linked for uniform padding or adjusted individually.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Title Section <\/strong>\n<ul class=\"wp-block-list\">\n<li>The <strong>Title Section<\/strong> allows you to customize the appearance and styling of the title, including typography, color, background, borders, padding, and margin. These settings apply to both <strong>Normal<\/strong> and <strong>Hover<\/strong> states.<\/li>\n\n\n\n<li><strong>Typography<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Typography Settings<\/strong>: Customize the font family, size, weight, style, line height, letter spacing, and text decoration for the title.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Color<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Text Color<\/strong>: Choose the color of the title text.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Background<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Background Type<\/strong>: Set the background for the title. Choose one of the following:\n<ul class=\"wp-block-list\">\n<li><strong>Solid Color<\/strong>: Select a solid background color.<\/li>\n\n\n\n<li><strong>Gradient<\/strong>: Apply a gradient background.<\/li>\n\n\n\n<li><strong>Image<\/strong>: Upload an image as the background.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Border<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Set Custom Border?<\/strong>: Toggle (Yes\/No) to enable or disable border settings.\n<ul class=\"wp-block-list\">\n<li>If <strong>Yes<\/strong>, configure the following:\n<ul class=\"wp-block-list\">\n<li><strong>Border Style<\/strong>: Select the border style (e.g., none, solid, dashed, dotted).<\/li>\n\n\n\n<li><strong>Border Color<\/strong>: Choose a color for the border.<\/li>\n\n\n\n<li><strong>Border Width<\/strong>: Specify the width of the border for each side (top, right, bottom, left). Values can be linked or set individually.<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Set the border radius to create rounded corners. Values can be linked or adjusted individually.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Spacing<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Add spacing outside the title element (top, right, bottom, left). Values can be linked for uniform margins or adjusted individually.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Add spacing inside the title element (top, right, bottom, left). Values can be linked for uniform padding or adjusted individually.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Normal and Hover States<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Normal State<\/strong>: Customize the default appearance of the title.<\/li>\n\n\n\n<li><strong>Hover State<\/strong>: Customize the appearance of the title when the user hovers over it.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Sub Title Section<\/strong>\n<ul class=\"wp-block-list\">\n<li>The <strong>Sub Title Section<\/strong> allows you to customize the appearance and styling of the title, including typography, color, background, borders, padding, and margin. These settings apply to both <strong>Normal<\/strong> and <strong>Hover<\/strong> states.<\/li>\n\n\n\n<li><strong>Typography<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Typography Settings<\/strong>: Customize the font family, size, weight, style, line height, letter spacing, and text decoration for the Sub title.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Color<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Text Color<\/strong>: Choose the color of the Sub title text.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Background<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Background Type<\/strong>: Set the background for the Sub title. Choose one of the following:\n<ul class=\"wp-block-list\">\n<li><strong>Solid Color<\/strong>: Select a solid background color.<\/li>\n\n\n\n<li><strong>Gradient<\/strong>: Apply a gradient background.<\/li>\n\n\n\n<li><strong>Image<\/strong>: Upload an image as the background.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Border<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Set Custom Border?<\/strong>: Toggle (Yes\/No) to enable or disable border settings.\n<ul class=\"wp-block-list\">\n<li>If <strong>Yes<\/strong>, configure the following:\n<ul class=\"wp-block-list\">\n<li><strong>Border Style<\/strong>: Select the border style (e.g., none, solid, dashed, dotted).<\/li>\n\n\n\n<li><strong>Border Color<\/strong>: Choose a color for the border.<\/li>\n\n\n\n<li><strong>Border Width<\/strong>: Specify the width of the border for each side (top, right, bottom, left). Values can be linked or set individually.<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Set the border radius to create rounded corners. Values can be linked or adjusted individually.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Spacing<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Add spacing outside the title element (top, right, bottom, left). Values can be linked for uniform margins or adjusted individually.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Add spacing inside the title element (top, right, bottom, left). Values can be linked for uniform padding or adjusted individually.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Normal and Hover States<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Normal State<\/strong>: Customize the default appearance of the title.<\/li>\n\n\n\n<li><strong>Hover State<\/strong>: Customize the appearance of the title when the user hovers over it.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Description Section<\/strong>\n<ul class=\"wp-block-list\">\n<li>The <strong>Sub Title Section<\/strong> allows you to customize the appearance and styling of the title, including typography, color, background, borders, padding, and margin. These settings apply to both <strong>Normal<\/strong> and <strong>Hover<\/strong> states.<\/li>\n\n\n\n<li><strong>Color<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Text Color<\/strong>: Choose the color of the Sub title text.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Typography<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Typography Settings<\/strong>: Customize the font family, size, weight, style, line height, letter spacing, and text decoration for the Sub title.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Spacing<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Margin<\/strong>: Add spacing outside the title element (top, right, bottom, left). Values can be linked for uniform margins or adjusted individually.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Add spacing inside the title element (top, right, bottom, left). Values can be linked for uniform padding or adjusted individually.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Normal and Hover States<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Normal State<\/strong>: Customize the default appearance of the title.<\/li>\n\n\n\n<li><strong>Hover State<\/strong>: Customize the appearance of the title when the user hovers over it.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Styling for Widget<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":128,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-884","post","type-post","status-publish","format-standard","hentry","category-streamit"],"featured_image_src":null,"author_info":{"display_name":"Iqonic Design","author_link":"https:\/\/documentation.iqonic.design\/streamit\/author\/dwd3f32kd2r2rf23wf4df\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/comments?post=884"}],"version-history":[{"count":3,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/884\/revisions"}],"predecessor-version":[{"id":891,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/884\/revisions\/891"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/128"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/media?parent=884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/categories?post=884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/tags?post=884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}