---
title: "How to Create Text Stroke Outline in WordPress?"
url: https://nexterwp.com/docs/create-text-stroke-outline-in-wordpress/
date: 2024-12-05
modified: 2026-05-28
author: "Aditya Sharma"
description: "Do you want to create a text stroke outline in WordPress? This simple design element can make your text stand out, grab visitors' attention, and add a professional touch to..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-Text-Stroke-Outline-in-WordPress_-1024x519.jpg
word_count: 244
---

# How to Create Text Stroke Outline in WordPress?

## Key Takeaways

- Nexter Blocks Advanced Typography block creates stroke outline text in WordPress, and the post says it is best used for hero sections, call-to-action text, and creative portfolios.
- Advanced Typography block requires Nexter Blocks to be installed and activated before use.
- Stroke/Fill tab lets users control Stroke Width and set stroke color, gradient color, and fill color for normal and hover states, including a fill-on-hover animation.

Do you want to create a text stroke outline in WordPress? This simple design element can make your text stand out, grab visitors' attention, and add a professional touch to your website.

With the Advanced Typography block from Nexter Blocks, you can create a stroke outline text in WordPress.

**Best Used For:**

- Hero sections where you want outlined headings over a background image

- Call-to-action text that uses a fill-on-hover animation effect

- Creative portfolios and agency sites that need stylized typography

*To check the complete feature overview documentation of the Nexter Blocks Advanced Typography block,[ click here](https://nexterwp.com/docs/add-advanced-typography-in-wordpress/).*

**Requirement – This block is part of Nexter Blocks. Make sure it is installed and activated.**

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-hotspot-pinpoint-image/)

To do this, add the Advanced Typography block to the page and follow the steps below.

1. In the **Advanced Typography** tab, select **Normal** or **Multiple** from the **Select Option** section.

Select **Normal** for this example.

2. Then add the text in the **Text** field.

3. After that, go to **Style** > **Stroke/Fill** tab and enable the **Stroke/Fill** toggle.

> *Note: In the Multiple option you'll find the Stroke/Fill Options in each text repeater item.*

From the **Stroke Width** section, you can control the text stroke width.

You can add a stroke color or gradient color and fill color for normal and hover states.

By adding fill color on hover, you can create a text outline to fill animation.

This is how you create a stroke outline text in WordPress.