Animation Addons

Animation Addons

Dynamic Widgets

Archive Title

Estimated reading: 4 minutes 52 views

Before setting up the Archive Title Widget, make sure that the Animation Addons for Elementor plugin is installed and activated on your site. Once activated, you’ll have access to all free Elementor widgets, including the Archive Title Widget—at no cost! Additionally, you can explore both free and pro widgets by filtering the selection options.

Archive Title 1

Introduction

The Archive Title Widget in Elementor shows archive page titles, improving navigation and content clarity.

Key Use Cases for the Archive Title Widget in Elementor:

  • Display archive page titles clearly to improve navigation.
  • Customize styling to match your site’s design for a cohesive look.

Prerequisite

  • Elementor
  • Animation Addons for Elementor

How to Activate the Archive Title Widget?

  • Go to Animation Addons → Elements in your WordPress dashboard.
  • Find the Archive Title widget in the list.
  • Toggle it on to enable the widget.
  • Now, the Archive Title widget is ready to use!
Archive Title 2

How to Add Archive Title Widget in Elementor

  • Open the page where you want to add the Archive Title Widget.
  • Launch the Elementor editor.
  • In the Elementor panel, search for “Archive Title Widget.”
  • Drag the widget to your desired section.
  • The Archive Title widget is now ready for customization.

How to Configure Archive Title Widget

Enable it, create a new page, set a title, choose the Elementor Full Width template, and publish. Adjust options as needed.

  • Enable the widget, create a new page, set a title, choose the Elementor Full Width template, and publish the page.
  • Adjust page settings as needed.
  • In the Elementor panel, search for the “Archive Title Widget.”
  • Drag and drop the widget into your desired section.
  • The archive title (such as category, tag, or author name) will be displayed automatically based on the archive being viewed.

Configuring Archive Title Widget : A Step-by-Step Guide

Once the Archive Title Widget is added to your page, you can configure its settings under different tabs: Content,Style and Advanced.

Archive Title 3

Content Settings

The Archive Title Widget in Elementor offers three key configuration tabs: Content, Style, and Advanced. Each tab provides specific controls to customize how your archive titles appear and behave-

Archive Title 4
  • HTML Tag: Choose from 9 HTML heading tags (H1–H6, div, span, paragraph) to define the semantic structure and SEO relevance of your archive title.
  • Custom Toggle: Enables custom display conditions. When toggled on, you can set specific page conditions for showing custom titles.
  • Adjustment: Provides fine-tuning options such as alignment or visibility settings for more precise control over how the title appears.

Style Settings

The Style section of the Archive Title Widget focuses on customizing the visual appearance of the text. This section includes the following options:

1. Text Color

Defines the color of the archive title text. You can choose a solid color, gradient, or use dynamic color settings based on theme or custom fields.

2. Typography

Controls font-related properties such as:

  • Font family
  • Size
  • Weight
  • Line height
  • Letter spacing &
  • Text transformation (uppercase, lowercase, etc.)

These settings ensure consistency with your site’s overall typographic style.

3. Text Stroke

Adds an outline to the text. You can define the stroke width and color. It’s useful for creating bold and stylized titles that stand out.

4. Text Shadow

Applies shadow effects behind the text. You can customize shadow color, blur radius, horizontal/vertical position to add depth and emphasis.

5. Blend Mode

Determines how the title text blends with the background or underlying elements. Various blend modes (like multiply, screen, overlay) allow for creative visual effects.

Advanced Settings

In the advanced settings, you’ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make-

Archive Title 5

Final Outcome

That’s it! You’ve successfully learned how to configure the Archive Title widget in Elementor to display dynamic and customized titles for your archive pages.

For any further assistance or inquiries, feel free to contact our support team!

Share this Doc

Archive Title

Or copy link

CONTENTS