Introduction
The Site Title Widget in Vertex Addons for Elementor allows users to dynamically display their WordPress site title with full customization options. This widget is perfect for branding, ensuring a consistent and professional look across all pages built with Elementor.
Key Features
- Dynamic Site Title: Automatically fetches your WordPress site title.
- Customizable Typography: Adjust font size, weight, letter spacing, and more.
- Flexible Alignment: Position the title left, center, right, or justified.
- Hover Effects: Modify text colors and transitions on hover.
- SEO-Friendly Markup: Choose from various HTML tags (H1 to H6, div, span, p) to improve search engine visibility.
- Supports Dynamic Tags: Use Elementor Pro or Vertex dynamic tags to insert dynamic content.
- Responsive Design: Ensures optimal display across all devices.
Requirements
To use the Site Title Widget, ensure you have:
- Elementor Free Version – The core page builder for WordPress.
- Vertex Addons for Elementor – The plugin that includes this widget.
Installation & Activation
To activate this widget, refer to our Widget Activation Guide.
Configuring the Site Title Widget in Elementor
Content Tab
In the Content tab, configure the following settings:
Title
- Displays your WordPress site title dynamically.
- Click on it to customize the Before Text, After Text, and Fallback Text for greater flexibility.
Link Settings
- Add a clickable link to the site title.
- Open in a new tab, add nofollow, or apply custom attributes.
- Use Dynamic Tags to fetch URL dynamically.
HTML Tag
- Select an appropriate HTML tag (H1, H2, H3, etc.) for SEO and accessibility.
Style Tab
The Style tab provides extensive customization options:
Typography Options
- Modify font family, size, weight, letter spacing, and line height.
- Set text alignment to Left, Center, Right, or Justified.
Text Effects
- Text Stroke: Apply an outline effect.
- Text Shadow: Enhance readability with shadow styling.
- Blend Mode: Integrate text seamlessly with the background.
Color Customization
- Normal: Set the default text color.
- Hover: Define color changes on hover.
- Transition Duration: Control the speed of hover effects.
Advanced Tab
The Advanced tab includes Elementor’s built-in settings:
- Margins & Padding: Adjust spacing around the widget.
- Motion Effects: Add animations and scrolling effects.
- Background & Borders: Customize widget backgrounds and borders.
- Responsive Controls: Optimize visibility on mobile and tablet.
Final Thoughts
The Site Title Widget is an essential tool for branding in Elementor. By following this guide, you can dynamically display and customize your site title for a polished and professional look across your website.