{"id":4849,"date":"2026-04-04T08:38:56","date_gmt":"2026-04-04T08:38:56","guid":{"rendered":"https:\/\/docs.themeansar.com\/docs\/ansar-elements\/header-footer-widgets\/site-title\/"},"modified":"2026-05-20T08:56:20","modified_gmt":"2026-05-20T08:56:20","slug":"site-title","status":"publish","type":"docs","link":"https:\/\/docs.themeansar.com\/docs\/ansar-elements\/header-footer-widgets\/site-title\/","title":{"rendered":"Site Title"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The <strong>Site Title Widget<\/strong> is part of the Ansar Elements Elementor Add-on.<br>It allows the display of the website\u2019s title dynamically anywhere in Elementor-built templates such as headers, footers, or custom layouts.<br>This widget offers advanced customization options, including text formatting, alignment, and styling controls, without requiring any coding knowledge.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">How to Use<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open any page, header, footer, or custom template in the Elementor editor.<\/li>\n\n\n\n<li>Find the <strong>Site Title Widget<\/strong> in the Ansar Elements section of the Elementor widget panel.<\/li>\n\n\n\n<li>Drag and drop the widget into the desired position within the layout.<\/li>\n<\/ol>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"434\" src=\"https:\/\/docs.themeansar.com\/wp-content\/uploads\/2026\/04\/ansar-element04-1024x434.jpg\" alt=\"\" class=\"wp-image-4937\" srcset=\"https:\/\/docs.themeansar.com\/wp-content\/uploads\/2026\/04\/ansar-element04-1024x434.jpg 1024w, https:\/\/docs.themeansar.com\/wp-content\/uploads\/2026\/04\/ansar-element04-300x127.jpg 300w, https:\/\/docs.themeansar.com\/wp-content\/uploads\/2026\/04\/ansar-element04-768x326.jpg 768w, https:\/\/docs.themeansar.com\/wp-content\/uploads\/2026\/04\/ansar-element04-1536x652.jpg 1536w, https:\/\/docs.themeansar.com\/wp-content\/uploads\/2026\/04\/ansar-element04.jpg 1596w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Content Setting<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The Site Title Widget provides multiple options to configure how the site title appears:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>HTML Tag<\/strong>: Select the desired HTML tag (H1, H2, H3, H4, H5, H6, or div) to maintain proper semantic structure and SEO optimization.<\/li>\n\n\n\n<li><strong>Alignment<\/strong>: Set the alignment of the title to Left, Center, or Right according to the design layout.<\/li>\n\n\n\n<li><strong>Custom Text Before<\/strong>: Add custom text that appears before the site title.<\/li>\n\n\n\n<li><strong>Custom Text After<\/strong>: Add custom text that appears after the site title.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"400\" src=\"https:\/\/docs.themeansar.com\/wp-content\/uploads\/2025\/09\/stitle-img2-1024x400.jpg\" alt=\"\" class=\"wp-image-4705\" srcset=\"https:\/\/docs.themeansar.com\/wp-content\/uploads\/2025\/09\/stitle-img2-1024x400.jpg 1024w, https:\/\/docs.themeansar.com\/wp-content\/uploads\/2025\/09\/stitle-img2-300x117.jpg 300w, https:\/\/docs.themeansar.com\/wp-content\/uploads\/2025\/09\/stitle-img2-768x300.jpg 768w, https:\/\/docs.themeansar.com\/wp-content\/uploads\/2025\/09\/stitle-img2-1536x600.jpg 1536w, https:\/\/docs.themeansar.com\/wp-content\/uploads\/2025\/09\/stitle-img2.jpg 1599w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Styling Setting<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The Site Title Widget includes several design customization options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Text Color<\/strong>: Set the color of the site title text.<\/li>\n\n\n\n<li><strong>Typography<\/strong>: Control font family, size, weight, style, line-height, and letter spacing.<\/li>\n\n\n\n<li><strong>Hover Color<\/strong>: Define a different text color when the title is hovered over by the user.<\/li>\n\n\n\n<li><strong>Margin<\/strong>: Set custom margin values to control spacing around the site title.<\/li>\n\n\n\n<li><strong>Text Shadow<\/strong>: Add shadow effects to the site title text for enhanced visual appearance.<\/li>\n\n\n\n<li><strong>Responsive Controls<\/strong>: Configure all styling settings independently for Desktop, Tablet, and Mobile views, ensuring the title remains perfectly formatted on all devices<\/li>\n<\/ul>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"386\" src=\"https:\/\/docs.themeansar.com\/wp-content\/uploads\/2025\/09\/stitle-img3-1024x386.jpg\" alt=\"\" class=\"wp-image-4707\" srcset=\"https:\/\/docs.themeansar.com\/wp-content\/uploads\/2025\/09\/stitle-img3-1024x386.jpg 1024w, https:\/\/docs.themeansar.com\/wp-content\/uploads\/2025\/09\/stitle-img3-300x113.jpg 300w, https:\/\/docs.themeansar.com\/wp-content\/uploads\/2025\/09\/stitle-img3-768x290.jpg 768w, https:\/\/docs.themeansar.com\/wp-content\/uploads\/2025\/09\/stitle-img3-1536x579.jpg 1536w, https:\/\/docs.themeansar.com\/wp-content\/uploads\/2025\/09\/stitle-img3.jpg 1599w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Pro Tip<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Combining the Site Title Widget with the Site Logo Widget and Navigation Menu Widget helps build a fully custom and professional header layout without additional coding.<\/li>\n<\/ul>\n<\/div>\n","protected":false},"featured_media":0,"parent":4821,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-4849","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.themeansar.com\/wp-json\/wp\/v2\/docs\/4849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.themeansar.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.themeansar.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.themeansar.com\/wp-json\/wp\/v2\/comments?post=4849"}],"version-history":[{"count":2,"href":"https:\/\/docs.themeansar.com\/wp-json\/wp\/v2\/docs\/4849\/revisions"}],"predecessor-version":[{"id":4939,"href":"https:\/\/docs.themeansar.com\/wp-json\/wp\/v2\/docs\/4849\/revisions\/4939"}],"up":[{"embeddable":true,"href":"https:\/\/docs.themeansar.com\/wp-json\/wp\/v2\/docs\/4821"}],"next":[{"title":"Site Tagline","link":"https:\/\/docs.themeansar.com\/docs\/ansar-elements\/header-footer-widgets\/site-tagline\/","href":"https:\/\/docs.themeansar.com\/wp-json\/wp\/v2\/docs\/4850"}],"prev":[{"title":"Site Logo","link":"https:\/\/docs.themeansar.com\/docs\/ansar-elements\/header-footer-widgets\/site-logo\/","href":"https:\/\/docs.themeansar.com\/wp-json\/wp\/v2\/docs\/4848"}],"wp:attachment":[{"href":"https:\/\/docs.themeansar.com\/wp-json\/wp\/v2\/media?parent=4849"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.themeansar.com\/wp-json\/wp\/v2\/doc_tag?post=4849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}