The Site Title Widget is part of the Ansar Elements Elementor Add-on.
It allows the display of the website’s title dynamically anywhere in Elementor-built templates such as headers, footers, or custom layouts.
This widget offers advanced customization options, including text formatting, alignment, and styling controls, without requiring any coding knowledge.
How to Use
- Open any page, header, footer, or custom template in the Elementor editor.
- Find the Site Title Widget in the Ansar Elements section of the Elementor widget panel.
- Drag and drop the widget into the desired position within the layout.
Content Setting
The Site Title Widget provides multiple options to configure how the site title appears:
- HTML Tag: Select the desired HTML tag (H1, H2, H3, H4, H5, H6, or div) to maintain proper semantic structure and SEO optimization.
- Alignment: Set the alignment of the title to Left, Center, or Right according to the design layout.
- Custom Text Before: Add custom text that appears before the site title.
- Custom Text After: Add custom text that appears after the site title.
Styling Setting
The Site Title Widget includes several design customization options:
- Text Color: Set the color of the site title text.
- Typography: Control font family, size, weight, style, line-height, and letter spacing.
- Hover Color: Define a different text color when the title is hovered over by the user.
- Margin: Set custom margin values to control spacing around the site title.
- Text Shadow: Add shadow effects to the site title text for enhanced visual appearance.
- Responsive Controls: Configure all styling settings independently for Desktop, Tablet, and Mobile views, ensuring the title remains perfectly formatted on all devices
Pro Tip
- 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.